30 lines
698 B
Markdown
30 lines
698 B
Markdown
|
```jsx
|
||
|
|
import { DateRange } from '@woocommerce/components';
|
||
|
|
|
||
|
|
const dateFormat = 'MM/DD/YYYY';
|
||
|
|
|
||
|
|
const MyDateRange = withState( {
|
||
|
|
after: wp.date.moment( '2018-09-10' ),
|
||
|
|
afterText: '09/10/2018',
|
||
|
|
before: wp.date.moment( '2018-09-20' ),
|
||
|
|
beforeText: '09/20/2018',
|
||
|
|
} )( ( { after, afterText, before, beforeText, setState } ) => {
|
||
|
|
function onUpdate( { after, afterText, before, beforeText } ) {
|
||
|
|
setState( { after, afterText, before, beforeText } );
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<DateRange
|
||
|
|
after={ after }
|
||
|
|
afterText={ afterText }
|
||
|
|
before={ before }
|
||
|
|
beforeText={ beforeText }
|
||
|
|
onUpdate={ onUpdate }
|
||
|
|
shortDateFormat={ dateFormat }
|
||
|
|
focusedInput="startDate"
|
||
|
|
invalidDays="none"
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
} );
|
||
|
|
```
|