The calendar is written using the React library. Can be used both as a common calendar, and as a date time picker with range. There is a possibility to choose a date by days, months, years and decades. The date can be changed in the input.
git clone https://github.com/YozhikM/dtpicker.git
npm install
npm start
oryarn start
npm test
oryarn test
Highlights the days.
highlight?: { min: Date, max: Date }
Displayed months on the calendar.
value?: { min: string, max: string }
When the value is set to true
, the time in hours and minutes will be displayed, as well as the ability to change it. By default is false
.
time?: boolean
The latest dates for the calendar. All events, like clicking, navigating through the interface, will be unavailable.
minDate?: Date,
maxDate?: Date
When set to true
, a single calendar will be displayed without the ability to select a date range. By default is false
.
singleCalendar?: boolean
onChange?: (Event, { min: string, max: string }) => void;
onSubmit?: (Event, { min: string, max: string }) => void;
toggleCalendar?: () => void;