Skip to content

polymorpheuz/react-primitive-datepicker

Repository files navigation

React primitive date picker

Simplest datepicker possible with modest amount of features and native behaviour on mobile devices. Easily customizable.

Here's DEMO!

Components props

Name Type Default value Description
value Date n/a Javascript date object that will be date picker value
onChange Function n/a Change handler that expects date object
placeholder String n/a Input placeholder
locale String enUS Locale that will be mapped in date-ins locale and used for date formatting and translations. [List of all available locales] (https://github.com/date-fns/date-fns/tree/master/src/locale).
customClassNames Object n/a Object with classes that you can use to customize the element. List of properties you can find below.
customElements Object n/a List of classes that you can use to customize the element. List of properties you can find below.

customClassNames object

Name Type Description
wrapper String General wrapper of all elements. A good place to pass your custom font or adjust text color of all elements.
dropdownWrapper String Wrapper of date picker dropdown where you can stylize
input String Input class.
inputFocused String Input class when it's focused.
placeholder String Input placeholder.
dateHeading String Date heading class in dropdown head between controls.
weekDay String Class of shortened week days above calendar.
dateItem String Class of every calendar item. You can adjust font-size of every element in here and dropdown will stretch accordingly.
dateItemSelected String Class of selected item.

customElements object

Name Type Description
decrementYearElement { JSX element } First left dropdown head control.
decrementMonthElement { JSX element } Second left dropdown head control.
incrementMonthElement { JSX element } First right dropdown head control.
incrementYearElement { JSX element } I Second right dropdown head control.

About

Primitive date picker with native behaviour on mobile

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published