DocSpace-client/packages/components/calendar
2023-11-10 11:20:02 +04:00
..
styled-components Web: Components: Increase font in Components when rtl 2023-11-09 17:43:16 +01:00
sub-components Fixed paths 2023-11-10 11:20:02 +04:00
utils Fixed paths 2023-11-10 11:20:02 +04:00
calendar.stories.js arabic locale was added to options 2023-09-11 16:47:00 +05:00
calendar.test.js test file was backuped 2023-02-28 12:44:32 +05:00
index.js Fixed paths 2023-11-10 11:20:02 +04:00
README.md props description was added 2023-07-14 20:09:54 +05:00

Calendar

Used to display custom calendar

Usage

import Calendar from "@docspace/components/calendar";
<Calendar
  onChange={(date) => {
    console.log("Selected date:", date);
  }}
  minDate={new Date("1970/01/01")}
  maxDate={new Date("3000/01/01")}
  locale="ru"
/>

Properties

Props Type Required Values Default Description
className string - - - Accepts class
id string - - - Accepts id
locale string - - User's browser settings Browser locale
maxDate date, string - - new Date("3000/01/01") Maximum date that the user can select.
minDate date, string - - new Date("1970/01/01") Minimum date that the user can select.
onChange func - - - Function called when the user select a day
style obj, arr - - - Accepts css style
initialDate date - - new Date() First shown date.
selectedDate date - - - Selected date
setSelectedDate date - - - Setter for selected date