History

Aleksandr Lushkin 37efdc292a Merge branch 'develop' into feature/rtl-interface-direction # Conflicts: # packages/client/src/components/panels/HotkeysPanel/index.js # packages/client/src/pages/Home/Section/Body/TableView/TableHeader.js # packages/components/date-time-picker/index.js # packages/components/selected-item/styled-selected-item.js		2023-07-26 17:47:13 +02:00
..
styled-components	calendar fallback styles were corrected	2023-06-15 14:16:34 +05:00
sub-components	Merge branch 'develop' into feature/rtl-interface-direction	2023-07-10 09:57:04 +02:00
utils	Web:Add id, class for calendar.	2023-06-30 12:55:31 +03:00
calendar.stories.js	wrong initial date set logic was changed	2023-07-18 16:23:58 +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