Statements (50)
Predicate | Object |
---|---|
gptkbp:instance_of |
gptkb:festival
|
gptkbp:bfsLayer |
6
|
gptkbp:bfsParent |
gptkb:Remix_4
|
gptkbp:dependency |
react
react-dom |
gptkbp:developed_by |
gptkb:Hacker0x01
|
gptkbp:example |
< Date Picker on Focus={() => console.log(' Input focused')} />
< Date Picker on Change={date => console.log(date)} /> < Date Picker on Change Raw={e => e.prevent Default()} /> < Date Picker class Name='custom-input' /> < Date Picker highlight Dates={[new Date()]} /> < Date Picker inline /> < Date Picker max Date={new Date('2023-12-31')} /> < Date Picker min Date={new Date()} /> < Date Picker placeholder Text=' Select a date' /> < Date Picker popper Placement='bottom' /> < Date Picker should Close On Select={false} /> < Date Picker show Popper Arrow={false} /> < Date Picker today Button=' Today' /> < Date Picker with Portal /> < Date Picker popper Modifiers={{ prevent Overflow: { enabled: true } }} /> import Date Picker from 'react-datepicker'; < Date Picker wrapper Class Name='custom-wrapper' /> < Date Picker selected={start Date} on Change={date => set Start Date(date)} on Calendar Open={() => console.log(' Calendar opened')} /> < Date Picker calendar Class Name='custom-calendar' /> < Date Picker selects Range={true} start Date={start Date} end Date={end Date} on Change={update => { set Start Date(update[0]); set End Date(update[1]); }} /> < Date Picker show Time Select time Format=' HH:mm' time Intervals={15} /> < Date Picker selected={start Date} on Change={date => set Start Date(date)} /> < Date Picker on Blur={() => console.log(' Input blurred')} /> < Date Picker on Calendar Close={() => console.log(' Calendar closed')} /> < Date Picker filter Date={date => date.get Day() !== 6} /> |
gptkbp:features |
keyboard navigation
custom date formats localization support mobile friendly |
https://www.w3.org/2000/01/rdf-schema#label |
React Datepicker
|
gptkbp:installation |
npm install react-datepicker
yarn add react-datepicker |
gptkbp:is_a_framework_for |
gptkb:church
|
gptkbp:language |
gptkb:Library
|
gptkbp:latest_version |
4.0.0
|
gptkbp:license |
gptkb:MIT
|
gptkbp:release_date |
2021-06-01
|
gptkbp:repository |
https://github.com/ Hacker0x01/react-datepicker
|
gptkbp:supports |
date range selection
time selection date selection |
gptkbp:uses |
gptkb:moment.js
gptkb:date-fns gptkb:dayjs |