@snack-uikit/calendar NPM

Calendar

Installation

npm i @snack-uikit/calendar

Example

import { Calendar } from '@snack-uikit/calendar';

<Calendar
  mode='date'
  onChangeValue={(selectedDate: Date) => {
    // do something
  }}
/>

<Calendar
  mode='range'
  onChangeValue={(selectedRange: [Date, Date]) => {
    // do something
  }}
/>

Calendar

Props

name	type	default value	description
mode*	"date" \| "range"	-	Режим работы календаря: - `date` - режим выбора даты - `range` - режим выбора периода
size	enum Size: `"s"`, `"m"`, `"l"`	m	Размер
today	`number \\| Date`	-	Дата сегодняшнего дня
showHolidays	`boolean`	-	Раскрашивает субботу и воскресенье
buildCellProps	`(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean } ;`	-	Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: `Date` - дата ячейки `ViewMode`: - `month` отображение месяца, каждая ячейка - 1 день - `year` отображение года, каждая ячейка - 1 месяц - `decade` отображение декады, каждая ячейка - 1 год Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки.
className	`string`	-	CSS-класс контейнера
fitToContainer	`boolean`	true	Отключает предустановленный размер, заставляя компонент подстраиваться к размеру контейнра: (width: 100%, height: 100%).
style	`CSSProperties`	-	Объект со стилями на контейнер.
autofocus	`boolean`	-	Автофокус
locale	`Intl.Locale`	Проставляется в соответствие с языком в настройках браузера	Локаль, в соответствие с которой выставляется язык названий и первый день недели
onFocusLeave	`(direction: FocusDirection) => void`	-	Колбек потери фокуса. Вызывается со значением `next`, когда фокус покидает компонент, передвигаясь вперед, по клавише `tab`. Со значением `prev` - по клавише стрелки вверх или `shift + tab`.
navigationStartRef	`RefCallback<HTMLButtonElement>`	-	Ref-callback на первый доступный интерактивный элемент
value	`Date \\| Range`	-	Выбранное значение. - в режиме date тип `Date` - в режиме range тип `Range` (`[Date, Date]`)
defaultValue	`Date \\| Range`	-	Значение по-умолчанию для uncontrolled. - в режиме date тип `Date` - в режиме range тип `Range` (`[Date, Date]`)
onChangeValue	`((value: Date) => void) \\| ((value: Range) => void)`	-	Колбек выбора значения. - в режиме date принимает тип `Date` - в режиме range принимает тип `Range`

@snack-uikit/button @snack-uikit/divider @snack-uikit/icons @snack-uikit/list @snack-uikit/utils classnames uncontrollable weekstart

@everything-registry/sub-chunk-847 @snack-uikit/chips @snack-uikit/fields

0.11.9-preview-379c4ff3.0

7 months ago

0.11.20

5 months ago

0.11.21

5 months ago

0.11.9-preview-20b0f520.0

7 months ago

0.11.15-preview-91ef6a1d.0

6 months ago

0.11.36-preview-3e55020c.0

3 months ago

0.11.9-preview-baf754b1.0

7 months ago

0.11.22-preview-704e8703.0

5 months ago

0.11.15-preview-95d8b6b7.0

6 months ago

0.11.22-preview-c95e31d1.0

5 months ago

0.11.25-preview-3566ac3d.0

4 months ago

0.11.4-preview-532f4f48.0

8 months ago

0.11.26

4 months ago

0.11.23-preview-74c13173.0

5 months ago

0.11.27

4 months ago

0.11.28

4 months ago

0.11.29

4 months ago

0.11.30-preview-9cd1b89a.0

4 months ago

0.11.22

5 months ago

0.11.23

5 months ago

0.11.1-preview-1becd961.0

8 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

0.11.9-preview-7eeb1bc1.0

7 months ago

0.11.10-preview-8feb6773.0

7 months ago

0.11.9-preview-53bd8747.0

7 months ago

0.11.33

4 months ago

0.11.22-preview-d9538faf.0

5 months ago

0.11.34

4 months ago

0.11.35

4 months ago

0.11.30-preview-27ae78ba.0

4 months ago

0.11.15-preview-bb2cdfb8.0

6 months ago

0.11.32-preview-6a400eba.0

4 months ago

0.11.7-preview-7bafd457.0

8 months ago

0.11.31-preview-b0b25986.0

4 months ago

0.11.23-preview-922d2ce6.0

5 months ago

0.11.18-preview-913f1101.0

6 months ago

0.12.4-preview-2f8a726b.0

2 months ago

0.11.36-preview-8cf89a18.0

3 months ago

0.12.6-preview-050dc1ef.0

1 month ago

0.11.13-preview-ef08d0db.0

7 months ago

0.11.36-preview-ef227a87.0

3 months ago

0.11.36-preview-8c84e870.0

3 months ago

0.12.6-preview-9998cc23.0

1 month ago

0.11.30-preview-0d45398a.0

4 months ago

0.11.20-preview-985e2518.0

5 months ago

0.11.36-preview-a01e5edb.0

3 months ago

0.11.23-preview-abb5f7dc.0

4 months ago

0.11.23-preview-a2a64ca4.0

5 months ago

0.11.23-preview-b5e187d5.0

5 months ago

0.11.8

8 months ago

0.11.9

7 months ago

0.11.30-preview-a0074739.0

4 months ago

0.11.9-preview-042f5ed6.0

7 months ago

0.12.6-preview-aba585d4.0

1 month ago

0.12.4-preview-cf198ddd.0

2 months ago

0.11.1

8 months ago

0.11.2

8 months ago

0.11.9-preview-4d81b82b.0

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

0.11.4-preview-9a7f316b.0

8 months ago

0.11.24-preview-d479ae3f.0

4 months ago

0.11.18-preview-08c7f775.0

6 months ago

0.11.15-preview-e49c63bb.0

6 months ago

0.11.27-preview-bc9ca5dd.0

4 months ago

0.11.15-preview-38cf19d9.0

6 months ago

0.11.23-preview-f7ec3fa7.0

5 months ago

0.11.6-preview-4c10b48c.0

8 months ago

0.11.2-preview-e86d2666.0

8 months ago

0.12.6-preview-69fcfa33.0

1 month ago

0.12.6-preview-e4e8fc7b.0

1 month ago

0.12.2-preview-845a4e8b.0

2 months ago

0.11.30-preview-04b740ca.0

4 months ago

0.12.6-preview-2df7e7b5.0

2 months ago

0.11.36-preview-3a05e8da.0

3 months ago

0.11.15-preview-a2f98ef7.0

6 months ago

0.11.35-preview-790689b4.0

4 months ago

0.11.23-preview-e840ab81.0

5 months ago

0.11.23-preview-f228eb9d.0

5 months ago

3 months ago

2 months ago

2 months ago

2 months ago

2 months ago

0.11.9-preview-2d408edb.0

7 months ago

0.12.5

2 months ago

0.11.12-preview-c6f5cbae.0

7 months ago

0.11.13-preview-95f36d41.0

7 months ago

0.11.12-preview-aaafcc64.0

7 months ago

0.11.10

7 months ago

0.11.13-preview-4d49c519.0

7 months ago

0.11.15-preview-0ee176c6.0

6 months ago

0.11.36-preview-352c392a.0

3 months ago

0.11.2-preview-eca10dbc.0

8 months ago

0.11.19

5 months ago

0.11.11-preview-e8062bb7.0

7 months ago

6 months ago

6 months ago

6 months ago

5 months ago

7 months ago

7 months ago

7 months ago

7 months ago

0.11.1-preview-2e497be2.0

9 months ago

0.11.1-preview-3e824eee.0

9 months ago

0.11.1-preview-d1a63029.0

9 months ago

0.11.1-preview-eda282a2.0

9 months ago

0.11.0

9 months ago

0.8.1-preview-71543426.0

9 months ago

0.9.0

9 months ago

0.8.1-preview-ba12ca94.0

9 months ago

0.10.0

9 months ago

0.8.1-preview-efee0b7d.0

9 months ago

0.8.1-preview-e5174ad1.0

9 months ago

0.8.1-preview-7adaddbe.0

9 months ago

0.8.1-preview-d96c83e8.0

9 months ago

0.8.1-preview-c9b51578.0

9 months ago

0.8.1-preview-1f246c4a.0

9 months ago

0.8.1-preview-fc25f08d.0

9 months ago

0.8.1-preview-3f66d646.0

9 months ago

0.8.1-preview-726d2b3b.0

9 months ago

0.8.1-preview-0c12d89e.0

9 months ago

0.8.1-preview-8252c953.0

9 months ago

0.7.13-preview-7c4b3e02.0

9 months ago

0.7.13-preview-595edd83.0

10 months ago

0.7.12

10 months ago

0.8.1-preview-4f9628fc.0

9 months ago

0.8.1-preview-eb3592d8.0

9 months ago

0.8.0

9 months ago

0.7.11

10 months ago

0.7.10

12 months ago

0.7.11-preview-94780dcd.0

10 months ago

0.7.10-preview-b09d21bf.0

12 months ago

0.7.9

1 year ago

0.7.9-preview-8bb3334c.0

1 year ago

0.7.8

1 year ago

0.7.7

1 year ago

0.7.7-preview-cb79db34.0

1 year ago

0.7.7-preview-5b75040d.0

1 year ago

0.7.7-preview-7a18c2ee.0

1 year ago

0.7.7-preview-08779a44.0

1 year ago

0.7.7-preview-82ef7975.0

1 year ago

0.7.7-preview-80576138.0

1 year ago

0.7.7-preview-69abc1d3.0

1 year ago

0.7.7-preview-2855fb42.0

1 year ago

0.7.7-preview-0a44b2fc.0

1 year ago

0.7.6

1 year ago

0.7.7-preview-3cdd8d31.0

1 year ago

0.7.6-preview-993a9cfb.0

1 year ago

0.7.5

1 year ago

0.7.5-preview-bd4095bc.0

1 year ago

0.7.4-preview-3e9a33fa.0

1 year ago

0.7.4-preview-3e45f5dd.0

1 year ago

0.7.4-preview-48e84a60.0

1 year ago

0.7.4

1 year ago

0.7.4-preview-da55c4c2.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.6.4-preview-3f90b7f1.0

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.4.2-preview-85c5f47b.0

2 years ago

0.4.2-preview-104ad22c.0

2 years ago