0.12.5 • Published 1 month ago

@snack-uikit/calendar v0.12.5

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
1 month ago

Calendar

Installation

npm i @snack-uikit/calendar

Changelog

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

nametypedefault valuedescription
mode*"date" | "range"-Режим работы календаря: - date - режим выбора даты - range - режим выбора периода
sizeenum Size: "s", "m", "l"mРазмер
todaynumber \| Date-Дата сегодняшнего дня
showHolidaysboolean-Раскрашивает субботу и воскресенье
buildCellProps(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean } ;-Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: Date - дата ячейки ViewMode: - month отображение месяца, каждая ячейка - 1 день - year отображение года, каждая ячейка - 1 месяц - decade отображение декады, каждая ячейка - 1 год Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки.
classNamestring-CSS-класс контейнера
fitToContainerbooleantrueОтключает предустановленный размер, заставляя компонент подстраиваться к размеру контейнра: (width: 100%, height: 100%).
styleCSSProperties-Объект со стилями на контейнер.
autofocusboolean-Автофокус
localeIntl.LocaleПроставляется в соответствие с языком в настройках браузераЛокаль, в соответствие с которой выставляется язык названий и первый день недели
onFocusLeave(direction: FocusDirection) => void-Колбек потери фокуса. Вызывается со значением next, когда фокус покидает компонент, передвигаясь вперед, по клавише tab. Со значением prev - по клавише стрелки вверх или shift + tab.
navigationStartRefRefCallback<HTMLButtonElement>-Ref-callback на первый доступный интерактивный элемент
valueDate \| Range-Выбранное значение. - в режиме date тип Date - в режиме range тип Range ([Date, Date])
defaultValueDate \| Range-Значение по-умолчанию для uncontrolled. - в режиме date тип Date - в режиме range тип Range ([Date, Date])
onChangeValue((value: Date) => void) \| ((value: Range) => void)-Колбек выбора значения. - в режиме date принимает тип Date - в режиме range принимает тип Range
0.11.20

5 months ago

0.11.21

5 months ago

0.11.26

4 months ago

0.11.27

4 months ago

0.11.28

4 months ago

0.11.29

4 months ago

0.11.22

5 months ago

0.11.23

5 months ago

0.11.24

4 months ago

0.11.25

4 months ago

0.11.30

4 months ago

0.11.31

4 months ago

0.11.32

4 months ago

0.11.33

4 months ago

0.11.34

4 months ago

0.11.35

4 months ago

0.11.8

8 months ago

0.11.9

7 months ago

0.11.1

8 months ago

0.11.2

8 months ago

0.11.3

8 months ago

0.11.4

8 months ago

0.11.5

8 months ago

0.11.6

8 months ago

0.11.7

8 months ago

0.12.0

3 months ago

0.12.1

2 months ago

0.12.2

2 months ago

0.12.3

2 months ago

0.12.4

2 months ago

0.12.5

2 months ago

0.11.10

7 months ago

0.11.19

5 months ago

0.11.15

6 months ago

0.11.16

6 months ago

0.11.17

6 months ago

0.11.18

5 months ago

0.11.11

7 months ago

0.11.12

7 months ago

0.11.13

7 months ago

0.11.14

7 months ago

0.11.0

9 months ago

0.9.0

9 months ago

0.10.0

9 months ago

0.7.12

10 months ago

0.8.0

9 months ago

0.7.11

10 months ago

0.7.10

12 months ago

0.7.9

1 year ago

0.7.8

1 year ago

0.7.7

1 year ago

0.7.6

1 year ago

0.7.5

1 year ago

0.7.4

1 year ago

0.7.3

1 year ago

0.7.2

1 year ago

0.7.1

1 year ago

0.7.0

1 year ago

0.6.5

1 year ago

0.6.4

1 year ago

0.6.3

1 year ago

0.6.2

2 years ago

0.6.1

2 years ago

0.6.0

2 years ago

0.5.1

2 years ago

0.5.0

2 years ago