History

Aleksandr Lushkin 063a95c889 Merge branch 'develop' into feature/rtl-interface-direction # Conflicts: # packages/components/.storybook/globals/index.js # packages/components/.storybook/preview.js # packages/components/email-chips/styled-emailchips.js # packages/components/email-chips/sub-components/chip.js # packages/components/filling-status-line/styled-filling-status-line.js # packages/components/selector/StyledSelector.js # packages/components/selector/sub-components/Item/index.tsx # packages/components/selector/sub-components/SelectAll/index.tsx		2023-06-30 10:49:17 +02:00
..
styled-components	calendar fallback styles were corrected	2023-06-15 14:16:34 +05:00
sub-components	web component add rtl calendar	2023-06-23 09:15:58 +03:00
utils	imports were corrected	2023-05-31 16:09:00 +05:00
calendar.stories.js	figma link was added	2023-06-26 18:18:35 +05:00
calendar.test.js	test file was backuped	2023-02-28 12:44:32 +05:00
index.js	web component add rtl calendar	2023-06-23 09:15:58 +03:00
README.md	style prop was added	2023-02-09 15:06:47 +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`	-	-	`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
`style`	`obj`, `arr`	-	-	-	Accepts css style