DatePicker

DatePicker UI Component

Installation

npm i @synerise/ds-date-picker
or
yarn add @synerise/ds-date-picker

Usage

import DatePicker from '@synerise/ds-date-picker'
<DatePicker />

Demo

API

PropertyDescriptionTypeDefault
autoFocusBoolean value to force focus of an inputbooleanfalse
showTimeBoolean value to enable user to choose particular hourbooleanfalse
valueValue of the pickerDatenew Date()
onApplyCallback executed after applying changes(date:Date)=>void-
disabledBoolean value to set disabled state of an inputbooleanfalse
disabledDatesFunction to specify if particular dates are disabled or not(date:Date)=>boolean-
disabledHoursDisabled hours for time pickernumber[][]
disabledMinutesDisabled minutes for time pickernumber[][]
disabledSecondsDisabled seconds for time pickernumber[][]
useStartOfDayBoolean value to set hours to the start of the daybooleanfalse
useEndOfDayBoolean value to set hours to the start of the daybooleanfalse
textsObject containing textsobject{}
prefixelString or ReactNode to set prefixstring / ReactNode-
suffixelString or ReactNode to set suffixstring / ReactNode-

Texts

PropertyDescriptionTypeDefault
applyText for apply buttonstring"Apply"
selectTimeText for select time buttonstring"Select time"
selectDateText for select date buttonstring"Select date"
nowText for select "now" buttonstring"Now"