History

Vladimir Khvan 976fbcec12 component was adopted for arabic locale		2023-09-11 16:47:51 +05:00
..
styled-components	ui of desktop/tablet views was downscaled	2023-08-18 15:52:13 +05:00
sub-components	component was adopted for arabic locale	2023-09-11 16:47:51 +05:00
utils	component was adopted for arabic locale	2023-09-11 16:47:51 +05: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	Merge branch 'develop' into feature/rtl-interface-direction	2023-07-26 17:47:13 +02:00
README.md	props description was added	2023-07-14 20:09:54 +05:00

README.md

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