indicator-ui 0.0.185 → 0.0.187
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +2512 -1894
- package/dist/index.css.map +1 -1
- package/dist/index.js +3676 -997
- package/dist/index.js.map +1 -1
- package/dist/scss/styles/mixins/hiddeScrollBar.scss +10 -0
- package/dist/scss/styles/mixins/index.scss +1 -0
- package/dist/types/src/__tests__/changeInterval.test.d.ts +1 -0
- package/dist/types/src/lib/reactComponents/getCenterElementAttribute.d.ts +6 -0
- package/dist/types/src/lib/reactComponents/index.d.ts +1 -0
- package/dist/types/src/lib/time/index.d.ts +1 -0
- package/dist/types/src/lib/time/saveFormatDate.d.ts +16 -8
- package/dist/types/src/lib/time/startOfDayUTC.d.ts +6 -0
- package/dist/types/src/test/pages/DateTimeFieldMaskPage.d.ts +1 -0
- package/dist/types/src/test/pages/DateTimeFieldsPage.d.ts +1 -0
- package/dist/types/src/test/pages/DateTimePickerPage.d.ts +1 -0
- package/dist/types/src/test/pages/TestPage.d.ts +1 -0
- package/dist/types/src/test/pages/index.d.ts +4 -1
- package/dist/types/src/ui/DateTimePicker/config/index.d.ts +15 -0
- package/dist/types/src/ui/DateTimePicker/const/index.d.ts +6 -0
- package/dist/types/src/ui/DateTimePicker/index.d.ts +5 -0
- package/dist/types/src/ui/DateTimePicker/lib/changeInterval.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/lib/helperFunctions.d.ts +31 -0
- package/dist/types/src/ui/DateTimePicker/lib/index.d.ts +4 -0
- package/dist/types/src/ui/DateTimePicker/lib/setOnlyDate.d.ts +6 -0
- package/dist/types/src/ui/DateTimePicker/lib/setOnlyTime.d.ts +6 -0
- package/dist/types/src/ui/DateTimePicker/styles/components/index.d.ts +6 -0
- package/dist/types/src/ui/DateTimePicker/styles/index.d.ts +3 -0
- package/dist/types/src/ui/DateTimePicker/styles/pickers/index.d.ts +3 -0
- package/dist/types/src/ui/DateTimePicker/types/DateTimePickerTypes.d.ts +31 -0
- package/dist/types/src/ui/DateTimePicker/types/components/CalendarButtonTypes.d.ts +6 -0
- package/dist/types/src/ui/DateTimePicker/types/components/CalendarDayTypes.d.ts +19 -0
- package/dist/types/src/ui/DateTimePicker/types/components/CalendarMonthTypes.d.ts +6 -0
- package/dist/types/src/ui/DateTimePicker/types/components/CalendarYearTypes.d.ts +6 -0
- package/dist/types/src/ui/DateTimePicker/types/components/TimePickerFeedTypes.d.ts +6 -0
- package/dist/types/src/ui/DateTimePicker/types/components/TimePickerTagTypes.d.ts +4 -0
- package/dist/types/src/ui/DateTimePicker/types/components/index.d.ts +6 -0
- package/dist/types/src/ui/DateTimePicker/types/index.d.ts +3 -0
- package/dist/types/src/ui/DateTimePicker/types/pickers/DatePickerTypes.d.ts +19 -0
- package/dist/types/src/ui/DateTimePicker/types/pickers/MonthPickerTypes.d.ts +13 -0
- package/dist/types/src/ui/DateTimePicker/types/pickers/TimePickerTypes.d.ts +12 -0
- package/dist/types/src/ui/DateTimePicker/types/pickers/YearPickerTypes.d.ts +11 -0
- package/dist/types/src/ui/DateTimePicker/types/pickers/index.d.ts +4 -0
- package/dist/types/src/ui/DateTimePicker/ui/DateTimePicker.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/components/CalendarButton.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/components/CalendarDay.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/components/CalendarMonth.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/components/CalendarYear.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/components/TimePickerFeed.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/components/TimePickerTag.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/components/index.d.ts +6 -0
- package/dist/types/src/ui/DateTimePicker/ui/index.d.ts +4 -0
- package/dist/types/src/ui/DateTimePicker/ui/parts/Footer.d.ts +1 -0
- package/dist/types/src/ui/DateTimePicker/ui/parts/Header.d.ts +1 -0
- package/dist/types/src/ui/DateTimePicker/ui/parts/Main.d.ts +1 -0
- package/dist/types/src/ui/DateTimePicker/ui/parts/index.d.ts +3 -0
- package/dist/types/src/ui/DateTimePicker/ui/pickers/DatePicker.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/pickers/MonthPicker.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/pickers/TimePicker.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/pickers/YearPicker.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/pickers/index.d.ts +4 -0
- package/dist/types/src/ui/InputFields/DateTimeField/lib/index.d.ts +16 -0
- package/dist/types/src/ui/InputFields/DateTimeField/types/DateFieldBaseTypes.d.ts +18 -0
- package/dist/types/src/ui/InputFields/DateTimeField/types/DateFieldTypes.d.ts +2 -19
- package/dist/types/src/ui/InputFields/DateTimeField/types/DateTimeFieldTypes.d.ts +11 -32
- package/dist/types/src/ui/InputFields/DateTimeField/types/TimeFieldBaseTypes.d.ts +10 -0
- package/dist/types/src/ui/InputFields/DateTimeField/types/TimeFieldTypes.d.ts +2 -13
- package/dist/types/src/ui/InputFields/DateTimeField/types/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/DateTimeField/ui/DateField.d.ts +2 -2
- package/dist/types/src/ui/InputFields/DateTimeField/ui/DateFieldBase.d.ts +2 -0
- package/dist/types/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts +1 -1
- package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeField.d.ts +2 -2
- package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeFieldBase.d.ts +2 -0
- package/dist/types/src/ui/InputFields/DateTimeField/ui/index.d.ts +4 -0
- package/dist/types/src/ui/{DatePicker → InputFields/DateTimeFieldMask}/index.d.ts +0 -1
- package/dist/types/src/ui/InputFields/DateTimeFieldMask/styles/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/DateTimeFieldMask/types/index.d.ts +45 -0
- package/dist/types/src/ui/InputFields/DateTimeFieldMask/ui/DateTimeFieldMask.d.ts +2 -0
- package/dist/types/src/ui/InputFields/DateTimeFieldMask/ui/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/DateTimeRangeField/styles/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/DateTimeRangeField/types/DateRangeFieldTypes.d.ts +15 -0
- package/dist/types/src/ui/InputFields/DateTimeRangeField/types/DateTimeRangeFieldTypes.d.ts +2 -1
- package/dist/types/src/ui/InputFields/DateTimeRangeField/types/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateRangeField.d.ts +2 -0
- package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/TimeRangeField.d.ts +2 -0
- package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/InputField/index.d.ts +1 -1
- package/dist/types/src/ui/InputFields/InputField/types/InputFieldTypes.d.ts +15 -4
- package/dist/types/src/ui/InputFields/InputField/ui/InputField.d.ts +38 -3
- package/dist/types/src/ui/InputFields/InputField/ui/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/index.d.ts +1 -0
- package/dist/types/src/ui/index.d.ts +1 -1
- package/package.json +1 -1
- package/dist/types/src/test/pages/DatePickerPage.d.ts +0 -1
- package/dist/types/src/ui/DatePicker/const/index.d.ts +0 -3
- package/dist/types/src/ui/DatePicker/lib/index.d.ts +0 -24
- package/dist/types/src/ui/DatePicker/styles/index.d.ts +0 -6
- package/dist/types/src/ui/DatePicker/types/CalendarDayTypes.d.ts +0 -24
- package/dist/types/src/ui/DatePicker/types/DateGridTypes.d.ts +0 -10
- package/dist/types/src/ui/DatePicker/types/DatePickerFooterTypes.d.ts +0 -4
- package/dist/types/src/ui/DatePicker/types/DatePickerHeaderTypes.d.ts +0 -4
- package/dist/types/src/ui/DatePicker/types/DatePickerMainTypes.d.ts +0 -18
- package/dist/types/src/ui/DatePicker/types/DatePickerTypes.d.ts +0 -22
- package/dist/types/src/ui/DatePicker/types/index.d.ts +0 -6
- package/dist/types/src/ui/DatePicker/ui/CalendarDay.d.ts +0 -2
- package/dist/types/src/ui/DatePicker/ui/DateGrid.d.ts +0 -2
- package/dist/types/src/ui/DatePicker/ui/DatePicker.d.ts +0 -2
- package/dist/types/src/ui/DatePicker/ui/DatePickerFooter.d.ts +0 -2
- package/dist/types/src/ui/DatePicker/ui/DatePickerHeader.d.ts +0 -2
- package/dist/types/src/ui/DatePicker/ui/DatePickerMain.d.ts +0 -2
- package/dist/types/src/ui/DatePicker/ui/index.d.ts +0 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Locale } from "date-fns";
|
|
2
2
|
export type ISO8601FormatNameType = 'iso-8601';
|
|
3
3
|
export type FormatNameType = ISO8601FormatNameType | string;
|
|
4
|
-
type
|
|
4
|
+
type SaveFormatDateOptionsBaseType = {
|
|
5
5
|
/**
|
|
6
6
|
* Стартовый формат.
|
|
7
7
|
* */
|
|
@@ -10,12 +10,6 @@ type SaveFormatDateOptionsType = {
|
|
|
10
10
|
* Конечный формат.
|
|
11
11
|
* */
|
|
12
12
|
to?: FormatNameType;
|
|
13
|
-
/**
|
|
14
|
-
* Возвращать ли null при неудачном форматирование.
|
|
15
|
-
*
|
|
16
|
-
* default: false
|
|
17
|
-
* */
|
|
18
|
-
errorNull?: boolean;
|
|
19
13
|
locale?: Pick<Locale, "options" | "localize" | "formatLong"> & Pick<Locale, "code">;
|
|
20
14
|
/**
|
|
21
15
|
* Таймзона, в которой находится стартовая дата.
|
|
@@ -31,6 +25,20 @@ type SaveFormatDateOptionsType = {
|
|
|
31
25
|
* Пример: '+03:00'
|
|
32
26
|
* */
|
|
33
27
|
toTimeZone?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Возвращать ли null при неудачном форматирование.
|
|
30
|
+
*
|
|
31
|
+
* default: false
|
|
32
|
+
* */
|
|
33
|
+
errorNull?: boolean;
|
|
34
34
|
};
|
|
35
|
-
export declare function saveFormatDate(date: string
|
|
35
|
+
export declare function saveFormatDate(date: string, options: SaveFormatDateOptionsBaseType & {
|
|
36
|
+
errorNull?: false;
|
|
37
|
+
}): string;
|
|
38
|
+
export declare function saveFormatDate(date: Date, options: SaveFormatDateOptionsBaseType & {
|
|
39
|
+
errorNull?: false;
|
|
40
|
+
}): Date | string;
|
|
41
|
+
export declare function saveFormatDate(date: string | Date, options: SaveFormatDateOptionsBaseType & {
|
|
42
|
+
errorNull: true;
|
|
43
|
+
}): string | null;
|
|
36
44
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function DateTimeFieldMaskPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function DateTimeFieldsPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function DateTimePickerPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function TestPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export * from './DatePickerPage';
|
|
2
1
|
export * from './HomePage';
|
|
3
2
|
export * from './ButtonsPage';
|
|
4
3
|
export * from './MicroButtonsPage';
|
|
@@ -16,3 +15,7 @@ export * from './PaginationPage';
|
|
|
16
15
|
export * from './UserPickPage';
|
|
17
16
|
export * from './DropdownItemPage';
|
|
18
17
|
export * from './MediaPlayerPage';
|
|
18
|
+
export * from './DateTimePickerPage';
|
|
19
|
+
export * from './TestPage';
|
|
20
|
+
export * from './DateTimeFieldMaskPage';
|
|
21
|
+
export * from './DateTimeFieldsPage';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const YEAR_PICKER_YEARS_COUNT = 12;
|
|
2
|
+
export declare const YEAR_PICKER_TARGET_YEAR_INDEX = 7;
|
|
3
|
+
export declare const YEAR_PICKER_DISABLED_YEARS_INDEX_START = 9;
|
|
4
|
+
export declare const CELL_SIZE = 32;
|
|
5
|
+
export declare const VIEW_CELL_SIZE = 32;
|
|
6
|
+
export declare const ELEMENT_ATTRIBUTE_NAME = "date-value";
|
|
7
|
+
export declare const SIDE_ELEMENT_NUM = 4;
|
|
8
|
+
export declare const SIDES_NUM = 2;
|
|
9
|
+
export declare const SCROLL_END_TIMEOUT = 150;
|
|
10
|
+
export declare const SET_UP_DATES_NUM = 13;
|
|
11
|
+
export declare const CHANGE_VALUE_TIMEOUT = 1000;
|
|
12
|
+
export declare const DATE_RANGE_TYPE_FORMAT = "yyyy-MM-dd";
|
|
13
|
+
export declare const TIME_RANGE_TYPE_FORMAT = "HH:mmXXX";
|
|
14
|
+
export declare const DATE_TYPE_FORMAT = "yyyy-MM-dd";
|
|
15
|
+
export declare const TIME_TYPE_FORMAT = "HH:mmXXX";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const WEEK_DAYS: string[];
|
|
2
|
+
export declare const SHORTCUT_MONTHS: string[];
|
|
3
|
+
export declare const DAYS_NUM_IN_DATE_PICKER = 42;
|
|
4
|
+
export declare const STEP_DAY_IN_DATE_PICKER = 1;
|
|
5
|
+
export declare const WEEKEND_NUMBERS: number[];
|
|
6
|
+
export declare const WEEK_START_NUM = 1;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { DateTimeFieldValueType, DateTimePickerTypeTypes, DateTimeRangeFieldValueType } from "../../../ui";
|
|
2
|
+
import { DateTimePickerDateType } from "../types";
|
|
3
|
+
export declare function convertDate(props: {
|
|
4
|
+
initDate?: DateTimePickerDateType;
|
|
5
|
+
type: Extract<DateTimePickerTypeTypes, 'date-range'>;
|
|
6
|
+
}): DateTimeRangeFieldValueType;
|
|
7
|
+
export declare function convertDate(props: {
|
|
8
|
+
initDate?: DateTimePickerDateType;
|
|
9
|
+
type: Exclude<DateTimePickerTypeTypes, 'date-range'>;
|
|
10
|
+
}): DateTimeFieldValueType;
|
|
11
|
+
export declare function convertDate(props: {
|
|
12
|
+
initDate?: DateTimePickerDateType;
|
|
13
|
+
type: DateTimePickerTypeTypes;
|
|
14
|
+
}): DateTimePickerDateType;
|
|
15
|
+
type SetDateMonthType = (props: {
|
|
16
|
+
date?: DateTimePickerDateType;
|
|
17
|
+
month: number;
|
|
18
|
+
}) => DateTimePickerDateType;
|
|
19
|
+
export declare const setDateMonth: SetDateMonthType;
|
|
20
|
+
type SetDateYearType = (props: {
|
|
21
|
+
date?: DateTimePickerDateType;
|
|
22
|
+
year: number;
|
|
23
|
+
}) => DateTimePickerDateType;
|
|
24
|
+
export declare const setDateYear: SetDateYearType;
|
|
25
|
+
type AddSubYearType = (props: {
|
|
26
|
+
date?: DateTimePickerDateType;
|
|
27
|
+
}) => DateTimePickerDateType;
|
|
28
|
+
export declare const addDateYear: AddSubYearType;
|
|
29
|
+
export declare const subDateYear: AddSubYearType;
|
|
30
|
+
export declare const equalDates: (a: string | Date, b: string | Date) => boolean;
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as CalendarDayStyle } from './CalendarDay.module.scss';
|
|
2
|
+
export { default as CalendarMonthStyle } from './CalendarMonth.module.scss';
|
|
3
|
+
export { default as CalendarYearStyle } from './CalendarYear.module.scss';
|
|
4
|
+
export { default as CalendarButtonStyle } from './CalendarButton.module.scss';
|
|
5
|
+
export { default as TimePickerTagStyle } from './TimePickerTag.module.scss';
|
|
6
|
+
export { default as TimePickerFeedStyle } from './TimePickerFeed.module.scss';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { DateTimeFieldValueType, DateTimeRangeFieldValueType } from "../../../ui";
|
|
2
|
+
import React from "react";
|
|
3
|
+
export type DateTimePickerTypes = 'date' | 'time' | 'month' | 'year';
|
|
4
|
+
/**
|
|
5
|
+
* `'date'` - дата возвращается в ```'yyyy-MM-dd'```, по локальной таймзоне.
|
|
6
|
+
*
|
|
7
|
+
* `'date-range'`` - дата возвращается в ```['yyyy-MM-dd', 'yyyy-MM-dd']```, по локальной таймзоне.
|
|
8
|
+
*
|
|
9
|
+
* `'datetime'` - дата и время возвращаются в `iso-8601` по `UTC`.
|
|
10
|
+
*
|
|
11
|
+
* `'time'` - дата и время возвращаются в `HH:mmXXX` по `UTC`.
|
|
12
|
+
* */
|
|
13
|
+
export type DateTimePickerTypeTypes = 'date' | 'date-range' | 'datetime' | 'time';
|
|
14
|
+
export type DateTimePickerDateType = DateTimeRangeFieldValueType | DateTimeFieldValueType;
|
|
15
|
+
export type DateTimePickerOnSubmitType = (value: DateTimePickerDateType) => void;
|
|
16
|
+
export type DateTimePickerPropsType = {
|
|
17
|
+
date?: DateTimePickerDateType;
|
|
18
|
+
onSubmit?: DateTimePickerOnSubmitType;
|
|
19
|
+
/**
|
|
20
|
+
* При нажатие кнопки отмены.
|
|
21
|
+
* */
|
|
22
|
+
onCancel?: () => void;
|
|
23
|
+
/**
|
|
24
|
+
* Заголовок поля.
|
|
25
|
+
* */
|
|
26
|
+
subTitle?: React.ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* Тип выбора даты.
|
|
29
|
+
* */
|
|
30
|
+
type?: DateTimePickerTypeTypes;
|
|
31
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
export type CalendarDayPropsType = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
+
text?: ReactNode;
|
|
4
|
+
holiday?: boolean;
|
|
5
|
+
active?: boolean;
|
|
6
|
+
filter?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
currentDay?: boolean;
|
|
9
|
+
info?: ReactNode;
|
|
10
|
+
mark?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Фильтр только слева.
|
|
13
|
+
* */
|
|
14
|
+
leftFilter?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Фильтр только справа.
|
|
17
|
+
* */
|
|
18
|
+
rightFilter?: boolean;
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { DateTimeFieldValueType, DateTimePickerTypeTypes, DateTimeRangeFieldValueType } from "../../../../ui";
|
|
3
|
+
export type DatePickerIntervalType = DateTimeRangeFieldValueType;
|
|
4
|
+
export type DatePickerIsMarkType = (date: string) => boolean;
|
|
5
|
+
export type DatePickerIsHolidayType = (date: string) => boolean;
|
|
6
|
+
export type DatePickerGetInfoType = (date: string) => ReactNode;
|
|
7
|
+
export type DatePickerDateType = DateTimeFieldValueType | DateTimeRangeFieldValueType;
|
|
8
|
+
export type DatePickerOnChangeDateType = React.Dispatch<React.SetStateAction<DatePickerDateType>>;
|
|
9
|
+
export type DatePickerPropsType = {
|
|
10
|
+
date?: DatePickerDateType;
|
|
11
|
+
onChangeDate?: DatePickerOnChangeDateType;
|
|
12
|
+
isMark?: DatePickerIsMarkType;
|
|
13
|
+
isHoliday?: DatePickerIsHolidayType;
|
|
14
|
+
getInfo?: DatePickerGetInfoType;
|
|
15
|
+
onMonthButtonClick?: () => void;
|
|
16
|
+
onYearButtonClick?: () => void;
|
|
17
|
+
type?: Exclude<DateTimePickerTypeTypes, 'time'>;
|
|
18
|
+
timeZone?: string;
|
|
19
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DateTimePickerDateType, DateTimePickerTypeTypes } from "../../types";
|
|
3
|
+
export type MonthPickerOnChangeTargetType = React.Dispatch<React.SetStateAction<DateTimePickerDateType>>;
|
|
4
|
+
export type MonthPickerPropsType = {
|
|
5
|
+
/**
|
|
6
|
+
* Дата целевого месяца.
|
|
7
|
+
* */
|
|
8
|
+
targetDate?: DateTimePickerDateType;
|
|
9
|
+
onChangeTarget?: MonthPickerOnChangeTargetType;
|
|
10
|
+
onYearButtonClick?: () => void;
|
|
11
|
+
onChoose?: () => void;
|
|
12
|
+
type?: Exclude<DateTimePickerTypeTypes, 'time'>;
|
|
13
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DateTimePickerDateType } from "../../../../ui";
|
|
3
|
+
export type TimePickerTimeType = string;
|
|
4
|
+
export type TimePickerOnChangeTimeType = React.Dispatch<React.SetStateAction<DateTimePickerDateType>>;
|
|
5
|
+
export type TimePickerPropsType = {
|
|
6
|
+
/**
|
|
7
|
+
* Полноценная дата, не только время.
|
|
8
|
+
* */
|
|
9
|
+
time?: TimePickerTimeType;
|
|
10
|
+
onChangeTime?: TimePickerOnChangeTimeType;
|
|
11
|
+
onlyTime?: boolean;
|
|
12
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DatePickerDateType, DateTimePickerTypeTypes } from "../../types";
|
|
3
|
+
export type YearPickerPropsType = {
|
|
4
|
+
/**
|
|
5
|
+
* Дата целевого месяца.
|
|
6
|
+
* */
|
|
7
|
+
targetDate?: DatePickerDateType;
|
|
8
|
+
onChangeTarget?: React.Dispatch<React.SetStateAction<DatePickerDateType>>;
|
|
9
|
+
onChoose?: () => void;
|
|
10
|
+
type?: Exclude<DateTimePickerTypeTypes, 'time'>;
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Footer(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Header(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Main(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const getValueInDate: ({ value, outFormat }: {
|
|
2
|
+
value?: string;
|
|
3
|
+
outFormat: string;
|
|
4
|
+
}) => Date | null | undefined;
|
|
5
|
+
export declare const getDateFromValue: ({ value, outFormat, dateFormat }: {
|
|
6
|
+
value?: string;
|
|
7
|
+
outFormat: string;
|
|
8
|
+
dateFormat: string;
|
|
9
|
+
}) => string;
|
|
10
|
+
export declare const getTimeFromValue: ({ value, outFormat, timeFormat }: {
|
|
11
|
+
value?: string;
|
|
12
|
+
outFormat: string;
|
|
13
|
+
timeFormat: string;
|
|
14
|
+
}) => string;
|
|
15
|
+
export declare const setTimeInDate: (res: Date, newTime: string, timeFormat: string) => void;
|
|
16
|
+
export declare const setDateInDate: (res: Date, newDate: string, dateFormat: string) => void;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { FieldsBasePropsType } from "../../FieldsBase";
|
|
2
|
+
import { FormatNameType } from "../../../../lib";
|
|
3
|
+
export type DateFieldBasePropsType = FieldsBasePropsType<string> & {
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
/**
|
|
6
|
+
* Формат даты.
|
|
7
|
+
* */
|
|
8
|
+
dateFormat?: FormatNameType;
|
|
9
|
+
/**
|
|
10
|
+
* Максимально допустимый год.
|
|
11
|
+
* */
|
|
12
|
+
maxYear?: number;
|
|
13
|
+
/**
|
|
14
|
+
* Минимально допустимый год.
|
|
15
|
+
* */
|
|
16
|
+
minYear?: number;
|
|
17
|
+
className?: string;
|
|
18
|
+
};
|
|
@@ -1,19 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export type DateFieldPropsType = FieldsBasePropsType<string> & {
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
/**
|
|
6
|
-
* Формат даты.
|
|
7
|
-
* */
|
|
8
|
-
dateFormat?: FormatNameType;
|
|
9
|
-
/**
|
|
10
|
-
* Максимально допустимый год.
|
|
11
|
-
* */
|
|
12
|
-
maxYear?: number;
|
|
13
|
-
/**
|
|
14
|
-
* Минимально допустимый год.
|
|
15
|
-
* */
|
|
16
|
-
minYear?: number;
|
|
17
|
-
timeZone?: string;
|
|
18
|
-
className?: string;
|
|
19
|
-
};
|
|
1
|
+
import { DateTimeFieldPropsType } from "../../../../ui";
|
|
2
|
+
export type DateFieldPropsType = Omit<DateTimeFieldPropsType, 'iconTime' | 'textTime' | 'timePlaceholder' | 'timeFormat'>;
|
|
@@ -2,21 +2,7 @@ import { FieldsBasePropsType } from "../../FieldsBase";
|
|
|
2
2
|
import { FormatNameType } from "../../../../lib";
|
|
3
3
|
import React from "react";
|
|
4
4
|
export type DateTimeFieldValueType = string;
|
|
5
|
-
/**
|
|
6
|
-
* Конфигурация поля. Соответственно *одна дата*, *одно время* или *и то и другое*.
|
|
7
|
-
* */
|
|
8
|
-
export type DateTimeFieldFieldConfigType = 'date' | 'time' | 'datetime';
|
|
9
5
|
export type DateTimeFieldPropsType = FieldsBasePropsType<DateTimeFieldValueType> & {
|
|
10
|
-
/**
|
|
11
|
-
* Тип поля.
|
|
12
|
-
*
|
|
13
|
-
* `'datetime'` - время и дата.
|
|
14
|
-
*
|
|
15
|
-
* `'date'` - только дата.
|
|
16
|
-
*
|
|
17
|
-
* `'time'` - только время.
|
|
18
|
-
* */
|
|
19
|
-
fieldConfig?: DateTimeFieldFieldConfigType;
|
|
20
6
|
/**
|
|
21
7
|
* Визуальны формат времени, то как время будет показывать в поле.
|
|
22
8
|
*
|
|
@@ -43,25 +29,18 @@ export type DateTimeFieldPropsType = FieldsBasePropsType<DateTimeFieldValueType>
|
|
|
43
29
|
additionStyle?: string | string[];
|
|
44
30
|
timePlaceholder?: string;
|
|
45
31
|
datePlaceholder?: string;
|
|
46
|
-
/** Иконка слева у даты*/
|
|
47
|
-
iconDate?: React.ReactNode;
|
|
48
|
-
/** Иконка слева у времени*/
|
|
49
|
-
iconTime?: React.ReactNode;
|
|
50
|
-
/**
|
|
51
|
-
* Выключает стиль ошибки.
|
|
52
|
-
* */
|
|
53
32
|
isError?: boolean;
|
|
54
33
|
onFocus?: (e: any) => void;
|
|
55
34
|
onBlur?: (e: any) => void;
|
|
56
|
-
/**
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
/** Надпись слева от
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
|
|
66
|
-
|
|
35
|
+
/** Иконка слева у даты */
|
|
36
|
+
iconDate?: React.ReactNode;
|
|
37
|
+
/** Иконка слева у времени */
|
|
38
|
+
iconTime?: React.ReactNode;
|
|
39
|
+
/** Надпись слева от даты */
|
|
40
|
+
textDate?: React.ReactNode;
|
|
41
|
+
/** Надпись слева от даты */
|
|
42
|
+
textTime?: React.ReactNode;
|
|
43
|
+
/** Показать или спрятать кнопку отчистки поля */
|
|
44
|
+
clearButton?: boolean;
|
|
45
|
+
width?: 'fill' | 'hug';
|
|
67
46
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FieldsBasePropsType } from "../../FieldsBase";
|
|
2
|
+
import { FormatNameType } from "../../../../lib";
|
|
3
|
+
export type TimeFieldBasePropsType = FieldsBasePropsType<string> & {
|
|
4
|
+
/**
|
|
5
|
+
* Формат времени.
|
|
6
|
+
* */
|
|
7
|
+
timeFormat?: FormatNameType;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|