import { DatePicker } from '../DatePicker' ; import PicassoBook from '~/.storybook/components/PicassoBook' ; const page = PicassoBook . section ( 'Picasso Lab' ) . createPage ( 'DatePicker' , `
    Date Picker component
    
    ${ PicassoBook . createBaseDocsLink ( 'https://share.goabstract.com/cc5f669e-ee2c-4375-946d-93b20db16ecc?collectionLayerId=10d3230f-5c9c-4fed-85b2-5cfda0bcd25f&mode=design&present=true' ) }
  ` ) ; page . createTabChapter ( 'Props' ) . addComponentDocs ( { component : DatePicker , name : 'DatePicker' } ) ; page . createChapter ( ) . addExample ( 'DatePicker/story/Default.example.tsx' , 'Default' ) . addExample ( 'DatePicker/story/Range.example.tsx' , 'Range Mode' ) . addExample ( 'DatePicker/story/WithOnBlurHandler.example.tsx' , { title : 'With onBlur handler' , description : 'Fire onBlur handler on click outside or navigate with tab' } ) . addExample ( 'DatePicker/story/WithNoHideOnSelect.example.tsx' , { title : 'With no hideOnSelect' , description : 'Do not hide calendar on date select' } ) . addExample ( 'DatePicker/story/WithResetButton.example.tsx' , 'With reset button' ) . addExample ( 'DatePicker/story/WithInitialValue.example.tsx' , 'With initial value specified' ) . addExample ( 'DatePicker/story/WithInputProps.example.tsx' , 'With Input Props' ) . addExample ( 'DatePicker/story/Autocomplete.example.tsx' , 'Autocomplete' ) . addExample ( 'DatePicker/story/Error.example.tsx' , 'Error' ) . addExample ( 'DatePicker/story/WithSelectionLimits.example.tsx' , 'With Selection Limits' ) . addExample ( 'DatePicker/story/WithCustomDayRendering.example.tsx' , 'With Custom Day rendering' ) . addExample ( 'DatePicker/story/WithTimezone.example.tsx' , 'With Timezone' ) . addExample ( 'DatePicker/story/WithInputCustomValueParser.example.tsx' , { title : "With DatePicker's Input custom value parser" , description : 'Type any year value like `2015` to get a random date within this year' } ) ;