99ac7728cd
* Add H and Section components for context-aware headings * Switch to using the new context-aware heading and section components * Style header by class name, not heading level * Add our client dir to the modules list for Jest We already have this setting in webpack, but Jest doesn’t pick up on that |
||
|---|---|---|
| .. | ||
| README.md | ||
| compare-periods.js | ||
| content.js | ||
| index.js | ||
| preset-periods.js | ||
| style.scss | ||
README.md
Date Picker (Work in Progress)
Select a range of dates or single dates
Usage
<DatePicker query={ query } path={ path } />
Props
Required props are marked with *.
| Name | Type | Default | Description |
|---|---|---|---|
query* |
object |
none | The query string represented in object form |
path* |
string |
none | path parameter supplied by React-Router |
URL as the source of truth
The Date Picker reads parameters from the URL querystring and updates them by creating a link to reflect newly selected parameters, which is rendered as the "Update" button.
| URL Parameter | Default | Possible Values |
|---|---|---|
period |
today |
today, yesterday, week, last_week, month, last_month, quarter, last_quarter, year, last_year, custom |
compare |
previous_period |
previous_period, previous_year |
start |
none | start date for custom periods 2018-04-15. ISO 8601 format |
end |
none | end date for custom periods 2018-04-15. ISO 8601 format |