History

Vladimir Khvan 7083aae716 disabled style was added		2023-02-06 20:00:18 +05:00
..
styled-components	disabled style was added	2023-02-06 20:00:18 +05:00
sub-components	observer state was added	2023-02-05 15:23:01 +05:00
utils	weekdays parsed from moment / localization added	2023-02-05 15:46:07 +05:00
calendar.stories.js	Web: Moved all clients app to packages directory	2022-07-22 22:01:25 +03:00
index.js	min and max dates were added	2023-02-06 19:14:03 +05:00
README.md	Web: Moved all clients app to packages directory	2022-07-22 22:01:25 +03:00

README.md

Calendar

Used to display custom calendar

Usage

import Calendar from "@docspace/components/calendar";

<Calendar
  onChange={(date) => {
    console.log("Selected date:", date);
  }}
  disabled={false}
  themeColor="#ED7309"
  selectedDate={new Date()}
  openToDate={new 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
`isDisabled`	`bool`	-	-	-	Disabled react-calendar
`locale`	`string`	-	-	`User's browser settings`	Browser locale
`maxDate`	`date`	-	-	`new Date("3000/01/01")`	Maximum date that the user can select.
`minDate`	`date`	-	-	`new Date("1970/01/01")`	Minimum date that the user can select.
`onChange`	`func`	-	-	-	Function called when the user select a day
`openToDate`	`date`	-	-	`new Date()`	The beginning of a period that shall be displayed by default
`selectedDate`	`date`	-	-	`new Date()`	Selected date value
`size`	`oneOf`	-	`base`, `big`	`base`	Calendar size
`style`	`obj`, `array`	-	-	-	Accepts css style
`themeColor`	`string`	-	-	`#ED7309`	Color of the selected day