History

Viktor Fomin 2acf476b54 Fix Bug 67812 Support Arabic in calendar on Share panel in editor		2024-05-03 10:36:41 +03:00
..
sub-components	Replaced copyright start year + format	2024-03-21 18:09:55 +04:00
utils	Replaced copyright start year + format	2024-03-21 18:09:55 +04:00
calendar.stories.tsx	Replaced copyright start year + format	2024-03-21 18:09:55 +04:00
Calendar.styled.tsx	Client: Login: DocEditor Remove increasing value for RTL	2024-04-17 10:55:33 +02:00
calendar.test.tsx	Replaced copyright start year + format	2024-03-21 18:09:55 +04:00
Calendar.tsx	Fix Bug 67812	2024-05-03 10:36:41 +03:00
Calendar.types.tsx	Replaced copyright start year + format	2024-03-21 18:09:55 +04:00
index.tsx	Replaced copyright start year + format	2024-03-21 18:09:55 +04:00
README.md	Client: fix after rewrite to typescript	2023-12-27 17:45:22 +03:00

README.md

Calendar

Used to display custom calendar

Usage

import { Calendar } from "@docspace/shared/components";

<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