|
6 | 6 |
|
7 | 7 | ```tsx |
8 | 8 | import {RelativeDateField} from '@gravity-ui/date-components'; |
9 | | -``` |
10 | | - |
| 9 | +``` |
| 10 | + |
11 | 11 | Компонент `RelativeDateField` предназначен исключительно для ввода относительных дат и не может использоваться как стандартный `DateField`. |
12 | 12 |
|
13 | 13 | ## Относительный формат ввода |
@@ -44,34 +44,34 @@ import {RelativeDateField} from '@gravity-ui/date-components'; |
44 | 44 |
|
45 | 45 | ## Свойства |
46 | 46 |
|
47 | | -| Имя | Описание | Тип | Значение по умолчанию | |
48 | | -| :--------------- | :------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------: | :-------------: | |
49 | | -| aria-describedby | Атрибут `aria-describedby` для контрола. | `string` | | |
50 | | -| aria-details | Атрибут `aria-details` для контрола. | `string` | | |
51 | | -| aria-label | Атрибут `aria-label` для контрола. | `string` | | |
52 | | -| aria-labelledby | Атрибут `aria-labelledby` для контрола. | `string` | | |
53 | | -| autoFocus | Атрибут `autofocus` для контрола. | `boolean` | | |
54 | | -| className | Имя класса обертки контрола. | `string` | | |
55 | | -| defaultValue | Задает начальное значение для неконтролируемого компонента. | `string` | | |
56 | | -| disabled | Указывает на то, что пользователь не может взаимодействовать с контролом. | `boolean` | `false` | |
57 | | -| errorMessage | Текст ошибки. | `ReactNode` | | |
58 | | -| hasClear | Отображает иконку для очистки значения контрола. | `boolean` | `false` | |
59 | | -| hasTime | Отображает поле для выбора времени во всплывающем окне. | `boolean` | `false` | |
60 | | -| id | Атрибут `id` для контрола. | `string` | | |
61 | | -| label | Текст подсказки (лейбл), отображаемый слева от поля ввода. | `string` | | |
62 | | -| leftContent | Пользовательский контент, отображаемый перед лэйблом и полем ввода. | `React.ReactNode` | | |
63 | | -| onBlur | Срабатывает, когда контрол теряет фокус. Передает событие фокуса в качестве аргумента обратного вызова. | `((e: FocusEvent<Element, Element>) => void)` | | |
64 | | -| onFocus | Срабатывает, когда контрол получает фокус. Передает событие фокуса в качестве аргумента обратного вызова. | `((e: FocusEvent<Element, Element>) => void)` | | |
65 | | -| onKeyDown | Срабатывает при нажатии клавиши. Передает событие клавиатуры в качестве аргумента обратного вызова. | `((e: KeyboardEvent<Element>) => void)` | | |
66 | | -| onKeyUp | Срабатывает при отпускании клавиши. Передает событие клавиатуры в качестве аргумента обратного вызова. | `((e: KeyboardEvent<Element>) => void)` | | |
67 | | -| onUpdate | Срабатывает, когда пользователь изменяет значение. Передает новое значение в качестве аргумента обратного вызова. | `((value: string \| null) => void` | | |
68 | | -| pin | Скругление углов. | `string` | `'round-round'` | |
69 | | -| placeholder | Текст, который отображается в контроле, когда его значение не задано. | `string` | | |
70 | | -| readOnly | Определяет, можно ли изменять значение компонента. | `boolean` | `false` | |
71 | | -| rightContent | Пользовательский контент, отображаемый после поля ввода и кнопки очистки. | `React.ReactNode` | | |
72 | | -| size | Размер контрола. | `"s"` `"m"` `"l"` `"xl"` | `"m"` | |
73 | | -| style | Задает инлайн-стиль для элемента. | `CSSProperties` | | |
74 | | -| timeZone | Задает часовой пояс. Подробнее о часовых поясах см. [здесь](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List). | `string` | | |
75 | | -| validationState | Состояние валидации. | `"invalid"` | | |
76 | | -| value | Значение контрола. | `string` `null` | | |
77 | | -| view | Вид контрола. | `"normal"` `"clear"` | `"normal"` | |
| 47 | +| Имя | Описание | Тип | Значение по умолчанию | |
| 48 | +| :--------------- | :------------------------------------------------------------------------------------------------------------------------------ | :-------------------------------------------: | :-------------------: | |
| 49 | +| aria-describedby | Атрибут `aria-describedby` для контрола. | `string` | | |
| 50 | +| aria-details | Атрибут `aria-details` для контрола. | `string` | | |
| 51 | +| aria-label | Атрибут `aria-label` для контрола. | `string` | | |
| 52 | +| aria-labelledby | Атрибут `aria-labelledby` для контрола. | `string` | | |
| 53 | +| autoFocus | Атрибут `autofocus` для контрола. | `boolean` | | |
| 54 | +| className | Имя класса обертки контрола. | `string` | | |
| 55 | +| defaultValue | Задает начальное значение для неконтролируемого компонента. | `string` | | |
| 56 | +| disabled | Указывает на то, что пользователь не может взаимодействовать с контролом. | `boolean` | `false` | |
| 57 | +| errorMessage | Текст ошибки. | `ReactNode` | | |
| 58 | +| hasClear | Отображает иконку для очистки значения контрола. | `boolean` | `false` | |
| 59 | +| hasTime | Отображает поле для выбора времени во всплывающем окне. | `boolean` | `false` | |
| 60 | +| id | Атрибут `id` для контрола. | `string` | | |
| 61 | +| label | Текст подсказки (лейбл), отображаемый слева от поля ввода. | `string` | | |
| 62 | +| leftContent | Пользовательский контент, отображаемый перед лэйблом и полем ввода. | `React.ReactNode` | | |
| 63 | +| onBlur | Срабатывает, когда контрол теряет фокус. Передает событие фокуса в качестве аргумента обратного вызова. | `((e: FocusEvent<Element, Element>) => void)` | | |
| 64 | +| onFocus | Срабатывает, когда контрол получает фокус. Передает событие фокуса в качестве аргумента обратного вызова. | `((e: FocusEvent<Element, Element>) => void)` | | |
| 65 | +| onKeyDown | Срабатывает при нажатии клавиши. Передает событие клавиатуры в качестве аргумента обратного вызова. | `((e: KeyboardEvent<Element>) => void)` | | |
| 66 | +| onKeyUp | Срабатывает при отпускании клавиши. Передает событие клавиатуры в качестве аргумента обратного вызова. | `((e: KeyboardEvent<Element>) => void)` | | |
| 67 | +| onUpdate | Срабатывает, когда пользователь изменяет значение. Передает новое значение в качестве аргумента обратного вызова. | `((value: string \| null) => void` | | |
| 68 | +| pin | Скругление углов. | `string` | `'round-round'` | |
| 69 | +| placeholder | Текст, который отображается в контроле, когда его значение не задано. | `string` | | |
| 70 | +| readOnly | Определяет, можно ли изменять значение компонента. | `boolean` | `false` | |
| 71 | +| rightContent | Пользовательский контент, отображаемый после поля ввода и кнопки очистки. | `React.ReactNode` | | |
| 72 | +| size | Размер контрола. | `"s"` `"m"` `"l"` `"xl"` | `"m"` | |
| 73 | +| style | Задает инлайн-стиль для элемента. | `CSSProperties` | | |
| 74 | +| timeZone | Задает часовой пояс. Подробнее о часовых поясах см. [здесь](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List). | `string` | | |
| 75 | +| validationState | Состояние валидации. | `"invalid"` | | |
| 76 | +| value | Значение контрола. | `string` `null` | | |
| 77 | +| view | Вид контрола. | `"normal"` `"clear"` | `"normal"` | |
0 commit comments