@elliemae/ds-date-time-picker 2.3.0-alpha.8 → 2.3.0-next.2
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/cjs/DSDateTimePicker.js +193 -0
- package/cjs/components/DateTimePickerImpl.js +285 -0
- package/cjs/index.js +10 -0
- package/cjs/lang/english.js +9 -0
- package/cjs/utils.js +22 -0
- package/esm/DSDateTimePicker.js +182 -0
- package/esm/components/DateTimePickerImpl.js +276 -0
- package/esm/index.js +1 -0
- package/esm/lang/english.js +7 -0
- package/esm/utils.js +14 -0
- package/package.json +33 -35
- package/types/DSDateTimePicker.d.ts +165 -0
- package/types/components/DateTimePickerImpl.d.ts +75 -0
- package/types/index.d.ts +1 -0
- package/types/lang/english.d.ts +6 -0
- package/types/tests/DateTimePicker-events.test.d.ts +1 -0
- package/types/tests/DateTimePickerSelectedDate.test.d.ts +1 -0
- package/types/tests/utils.d.ts +1 -0
- package/types/utils.d.ts +2 -0
- package/dist/cjs/DSDateTimePicker.js +0 -172
- package/dist/cjs/DSDateTimePicker.js.map +0 -7
- package/dist/cjs/components/DateTimePickerImpl.js +0 -254
- package/dist/cjs/components/DateTimePickerImpl.js.map +0 -7
- package/dist/cjs/index.js +0 -37
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/lang/english.js +0 -39
- package/dist/cjs/lang/english.js.map +0 -7
- package/dist/cjs/tests/utils.js +0 -42
- package/dist/cjs/tests/utils.js.map +0 -7
- package/dist/cjs/utils.js +0 -45
- package/dist/cjs/utils.js.map +0 -7
- package/dist/esm/DSDateTimePicker.js +0 -143
- package/dist/esm/DSDateTimePicker.js.map +0 -7
- package/dist/esm/components/DateTimePickerImpl.js +0 -225
- package/dist/esm/components/DateTimePickerImpl.js.map +0 -7
- package/dist/esm/index.js +0 -8
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/lang/english.js +0 -10
- package/dist/esm/lang/english.js.map +0 -7
- package/dist/esm/tests/utils.js +0 -13
- package/dist/esm/tests/utils.js.map +0 -7
- package/dist/esm/utils.js +0 -16
- package/dist/esm/utils.js.map +0 -7
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
declare const DSDateTimePicker: {
|
|
4
|
+
({ containerProps, className, id, placeholder, date, clearable, onBlur, datePickerProps, timePickerProps, dateInputProps, }: {
|
|
5
|
+
containerProps?: {} | undefined;
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
id?: string | undefined;
|
|
8
|
+
placeholder?: string | undefined;
|
|
9
|
+
date: any;
|
|
10
|
+
clearable?: boolean | undefined;
|
|
11
|
+
onBlur?: (() => null) | undefined;
|
|
12
|
+
datePickerProps?: {
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
numberOfMonths: number;
|
|
15
|
+
readOnly: boolean;
|
|
16
|
+
enableOutsideDays: boolean;
|
|
17
|
+
transitionDuration: number;
|
|
18
|
+
firstDayOfWeek: number;
|
|
19
|
+
keepOpenOnDateSelect: boolean;
|
|
20
|
+
hideKeyboardShortcutsPanel: boolean;
|
|
21
|
+
onPrevMonthClick: () => null;
|
|
22
|
+
onNextMonthClick: () => null;
|
|
23
|
+
onClose: () => null;
|
|
24
|
+
onchange: () => null;
|
|
25
|
+
onDateChange: () => null;
|
|
26
|
+
phrases: {
|
|
27
|
+
calendarLabel: string;
|
|
28
|
+
roleDescription: string;
|
|
29
|
+
closeDatePicker: string;
|
|
30
|
+
clearDate: string;
|
|
31
|
+
jumpToPrevMonth: string;
|
|
32
|
+
jumpToNextMonth: string;
|
|
33
|
+
keyboardShortcuts: string;
|
|
34
|
+
showKeyboardShortcutsPanel: string;
|
|
35
|
+
hideKeyboardShortcutsPanel: string;
|
|
36
|
+
openThisPanel: string;
|
|
37
|
+
enterKey: string;
|
|
38
|
+
leftArrowRightArrow: string;
|
|
39
|
+
upArrowDownArrow: string;
|
|
40
|
+
pageUpPageDown: string;
|
|
41
|
+
homeEnd: string;
|
|
42
|
+
escape: string;
|
|
43
|
+
questionMark: string;
|
|
44
|
+
selectFocusedDate: string;
|
|
45
|
+
moveFocusByOneDay: string;
|
|
46
|
+
moveFocusByOneWeek: string;
|
|
47
|
+
moveFocusByOneMonth: string;
|
|
48
|
+
moveFocustoStartAndEndOfWeek: string;
|
|
49
|
+
returnFocusToInput: string;
|
|
50
|
+
keyboardForwardNavigationInstructions: string;
|
|
51
|
+
keyboardBackwardNavigationInstructions: string;
|
|
52
|
+
chooseAvailableDate: ({ date }: {
|
|
53
|
+
date: any;
|
|
54
|
+
}) => any;
|
|
55
|
+
dateIsUnavailable: ({ date }: {
|
|
56
|
+
date: any;
|
|
57
|
+
}) => string;
|
|
58
|
+
dateIsSelected: ({ date }: {
|
|
59
|
+
date: any;
|
|
60
|
+
}) => string;
|
|
61
|
+
};
|
|
62
|
+
displayFormatDay: string;
|
|
63
|
+
isDayBlocked: () => boolean;
|
|
64
|
+
isOutsideRange: () => boolean;
|
|
65
|
+
isDayHighlighted: () => boolean;
|
|
66
|
+
zIndex: number;
|
|
67
|
+
} | undefined;
|
|
68
|
+
timePickerProps?: {
|
|
69
|
+
format: string;
|
|
70
|
+
onChange: () => null;
|
|
71
|
+
disabledTimes: undefined;
|
|
72
|
+
minutesInterval: number;
|
|
73
|
+
} | undefined;
|
|
74
|
+
dateInputProps?: {
|
|
75
|
+
onDateInputDateChange: () => null;
|
|
76
|
+
} | undefined;
|
|
77
|
+
}): JSX.Element;
|
|
78
|
+
propTypes: {
|
|
79
|
+
containerProps: {
|
|
80
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
81
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
82
|
+
};
|
|
83
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
84
|
+
};
|
|
85
|
+
className: {
|
|
86
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
87
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
88
|
+
};
|
|
89
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
90
|
+
};
|
|
91
|
+
id: {
|
|
92
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
93
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
94
|
+
};
|
|
95
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
96
|
+
};
|
|
97
|
+
/**
|
|
98
|
+
* on blur callback
|
|
99
|
+
*/
|
|
100
|
+
onBlur: {
|
|
101
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
102
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
103
|
+
};
|
|
104
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
105
|
+
};
|
|
106
|
+
/**
|
|
107
|
+
* Initial date, by default current date
|
|
108
|
+
*/
|
|
109
|
+
date: {
|
|
110
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
111
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
112
|
+
};
|
|
113
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
114
|
+
};
|
|
115
|
+
/**
|
|
116
|
+
* Flag to trigger onDateChange on error
|
|
117
|
+
*/
|
|
118
|
+
clearable: {
|
|
119
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
120
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
121
|
+
};
|
|
122
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
123
|
+
};
|
|
124
|
+
/**
|
|
125
|
+
* DatePicker properties
|
|
126
|
+
*/
|
|
127
|
+
datePickerProps: {
|
|
128
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
129
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
130
|
+
};
|
|
131
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
132
|
+
};
|
|
133
|
+
/**
|
|
134
|
+
* Input placeholder
|
|
135
|
+
*/
|
|
136
|
+
placeholder: {
|
|
137
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
138
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
139
|
+
};
|
|
140
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
141
|
+
};
|
|
142
|
+
/**
|
|
143
|
+
* TimePicker properties
|
|
144
|
+
*/
|
|
145
|
+
timePickerProps: {
|
|
146
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
147
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
148
|
+
};
|
|
149
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
150
|
+
};
|
|
151
|
+
dateInputProps: {
|
|
152
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
153
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
154
|
+
};
|
|
155
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
};
|
|
159
|
+
declare const DateTimePickerWithSchema: {
|
|
160
|
+
(props?: unknown): JSX.Element;
|
|
161
|
+
propTypes: unknown;
|
|
162
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
163
|
+
};
|
|
164
|
+
export { DateTimePickerWithSchema };
|
|
165
|
+
export default DSDateTimePicker;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const DSDateTimePickerImpl: ({ onBlur, placeholder, date, clearable, datePickerProps: { disabled, numberOfMonths, readOnly, enableOutsideDays, transitionDuration, firstDayOfWeek, keepOpenOnDateSelect, hideKeyboardShortcutsPanel, onPrevMonthClick, onNextMonthClick, onClose, onChange: onDatePickerChange, onDateChange, onError: onErrorDate, phrases, displayFormatDay, isDayBlocked, isOutsideRange, isDayHighlighted, zIndex, }, timePickerProps: { format, onChange: onChangeTimePicker, disabledTimes, onError: onErrorTime, minutesInterval, }, dateInputProps: { onDateInputDateChange }, }: {
|
|
3
|
+
onBlur?: (() => null) | undefined;
|
|
4
|
+
placeholder: any;
|
|
5
|
+
date: any;
|
|
6
|
+
clearable: any;
|
|
7
|
+
datePickerProps: {
|
|
8
|
+
disabled?: boolean | undefined;
|
|
9
|
+
numberOfMonths?: number | undefined;
|
|
10
|
+
readOnly?: boolean | undefined;
|
|
11
|
+
enableOutsideDays?: boolean | undefined;
|
|
12
|
+
transitionDuration?: number | undefined;
|
|
13
|
+
firstDayOfWeek?: number | undefined;
|
|
14
|
+
keepOpenOnDateSelect?: boolean | undefined;
|
|
15
|
+
hideKeyboardShortcutsPanel?: boolean | undefined;
|
|
16
|
+
onPrevMonthClick?: (() => null) | undefined;
|
|
17
|
+
onNextMonthClick?: (() => null) | undefined;
|
|
18
|
+
onClose?: (() => null) | undefined;
|
|
19
|
+
onChange?: (() => null) | undefined;
|
|
20
|
+
onDateChange?: (() => null) | undefined;
|
|
21
|
+
onError?: (() => null) | undefined;
|
|
22
|
+
phrases?: {
|
|
23
|
+
calendarLabel: string;
|
|
24
|
+
roleDescription: string;
|
|
25
|
+
closeDatePicker: string;
|
|
26
|
+
clearDate: string;
|
|
27
|
+
jumpToPrevMonth: string;
|
|
28
|
+
jumpToNextMonth: string;
|
|
29
|
+
keyboardShortcuts: string;
|
|
30
|
+
showKeyboardShortcutsPanel: string;
|
|
31
|
+
hideKeyboardShortcutsPanel: string;
|
|
32
|
+
openThisPanel: string;
|
|
33
|
+
enterKey: string;
|
|
34
|
+
leftArrowRightArrow: string;
|
|
35
|
+
upArrowDownArrow: string;
|
|
36
|
+
pageUpPageDown: string;
|
|
37
|
+
homeEnd: string;
|
|
38
|
+
escape: string;
|
|
39
|
+
questionMark: string;
|
|
40
|
+
selectFocusedDate: string;
|
|
41
|
+
moveFocusByOneDay: string;
|
|
42
|
+
moveFocusByOneWeek: string;
|
|
43
|
+
moveFocusByOneMonth: string;
|
|
44
|
+
moveFocustoStartAndEndOfWeek: string;
|
|
45
|
+
returnFocusToInput: string;
|
|
46
|
+
keyboardForwardNavigationInstructions: string;
|
|
47
|
+
keyboardBackwardNavigationInstructions: string;
|
|
48
|
+
chooseAvailableDate: ({ date }: {
|
|
49
|
+
date: any;
|
|
50
|
+
}) => any;
|
|
51
|
+
dateIsUnavailable: ({ date }: {
|
|
52
|
+
date: any;
|
|
53
|
+
}) => string;
|
|
54
|
+
dateIsSelected: ({ date }: {
|
|
55
|
+
date: any;
|
|
56
|
+
}) => string;
|
|
57
|
+
} | undefined;
|
|
58
|
+
displayFormatDay?: string | undefined;
|
|
59
|
+
isDayBlocked?: (() => boolean) | undefined;
|
|
60
|
+
isOutsideRange?: (() => boolean) | undefined;
|
|
61
|
+
isDayHighlighted?: (() => boolean) | undefined;
|
|
62
|
+
zIndex?: number | undefined;
|
|
63
|
+
};
|
|
64
|
+
timePickerProps: {
|
|
65
|
+
format?: string | undefined;
|
|
66
|
+
onChange?: (() => null) | undefined;
|
|
67
|
+
disabledTimes?: undefined;
|
|
68
|
+
onError?: (() => null) | undefined;
|
|
69
|
+
minutesInterval?: number | undefined;
|
|
70
|
+
};
|
|
71
|
+
dateInputProps: {
|
|
72
|
+
onDateInputDateChange?: (() => null) | undefined;
|
|
73
|
+
};
|
|
74
|
+
}) => JSX.Element;
|
|
75
|
+
export default DSDateTimePickerImpl;
|
package/types/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, DateTimePickerWithSchema } from './DSDateTimePicker';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function themeProviderHOC(Component: any): (props: any) => JSX.Element;
|
package/types/utils.d.ts
ADDED
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DSDateTimePicker_exports = {};
|
|
29
|
-
__export(DSDateTimePicker_exports, {
|
|
30
|
-
DSDateTimePicker: () => DSDateTimePicker,
|
|
31
|
-
DateTimePickerWithSchema: () => DateTimePickerWithSchema,
|
|
32
|
-
default: () => DSDateTimePicker_default
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_react_desc = require("react-desc");
|
|
37
|
-
var import_moment = __toESM(require("moment"));
|
|
38
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
39
|
-
var import_ds_date_picker = require("@elliemae/ds-date-picker");
|
|
40
|
-
var import_DateTimePickerImpl = require("./components/DateTimePickerImpl");
|
|
41
|
-
var import_english = __toESM(require("./lang/english"));
|
|
42
|
-
const {
|
|
43
|
-
placeholder: placeholderDefault,
|
|
44
|
-
className: classNameDefault,
|
|
45
|
-
id: idDefault
|
|
46
|
-
} = import_english.default;
|
|
47
|
-
const DSDateTimePicker = ({
|
|
48
|
-
containerProps = {},
|
|
49
|
-
className = classNameDefault,
|
|
50
|
-
id = idDefault,
|
|
51
|
-
placeholder = placeholderDefault,
|
|
52
|
-
date,
|
|
53
|
-
clearable = false,
|
|
54
|
-
onBlur = () => null,
|
|
55
|
-
datePickerProps = {
|
|
56
|
-
disabled: false,
|
|
57
|
-
numberOfMonths: 1,
|
|
58
|
-
readOnly: false,
|
|
59
|
-
enableOutsideDays: false,
|
|
60
|
-
transitionDuration: 0,
|
|
61
|
-
firstDayOfWeek: 0,
|
|
62
|
-
keepOpenOnDateSelect: true,
|
|
63
|
-
hideKeyboardShortcutsPanel: true,
|
|
64
|
-
onPrevMonthClick: () => null,
|
|
65
|
-
onNextMonthClick: () => null,
|
|
66
|
-
onClose: () => null,
|
|
67
|
-
onchange: () => null,
|
|
68
|
-
onDateChange: () => null,
|
|
69
|
-
phrases: import_ds_date_picker.SingleDatePickerPhrases,
|
|
70
|
-
displayFormatDay: "D",
|
|
71
|
-
isDayBlocked: () => false,
|
|
72
|
-
isOutsideRange: () => false,
|
|
73
|
-
isDayHighlighted: () => false,
|
|
74
|
-
zIndex: 11
|
|
75
|
-
},
|
|
76
|
-
timePickerProps = {
|
|
77
|
-
format: "hh:mm A",
|
|
78
|
-
onChange: () => null,
|
|
79
|
-
disabledTimes: void 0,
|
|
80
|
-
minutesInterval: 1
|
|
81
|
-
},
|
|
82
|
-
dateInputProps = {
|
|
83
|
-
onDateInputDateChange: () => null
|
|
84
|
-
}
|
|
85
|
-
}) => {
|
|
86
|
-
const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("datetimepicker", className, {
|
|
87
|
-
id
|
|
88
|
-
});
|
|
89
|
-
return /* @__PURE__ */ import_react.default.createElement("div", {
|
|
90
|
-
className: cssClassName,
|
|
91
|
-
...containerProps
|
|
92
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_DateTimePickerImpl.DSDateTimePickerImpl, {
|
|
93
|
-
clearable,
|
|
94
|
-
date,
|
|
95
|
-
datePickerProps,
|
|
96
|
-
onBlur,
|
|
97
|
-
placeholder,
|
|
98
|
-
timePickerProps,
|
|
99
|
-
dateInputProps
|
|
100
|
-
}));
|
|
101
|
-
};
|
|
102
|
-
const dateTimePickerProps = {
|
|
103
|
-
containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
|
|
104
|
-
className: import_react_desc.PropTypes.string.description("html class attribute"),
|
|
105
|
-
id: import_react_desc.PropTypes.string.description("components id"),
|
|
106
|
-
onBlur: import_react_desc.PropTypes.func.description("on blur callback"),
|
|
107
|
-
date: import_react_desc.PropTypes.instanceOf(Date, import_moment.default).description("Initial date, by default current date"),
|
|
108
|
-
clearable: import_react_desc.PropTypes.bool.description("Flag to trigger onDateChange on error"),
|
|
109
|
-
datePickerProps: import_react_desc.PropTypes.shape({
|
|
110
|
-
disabled: import_react_desc.PropTypes.bool,
|
|
111
|
-
numberOfMonths: import_react_desc.PropTypes.number,
|
|
112
|
-
readOnly: import_react_desc.PropTypes.bool,
|
|
113
|
-
enableOutsideDays: import_react_desc.PropTypes.bool,
|
|
114
|
-
transitionDuration: import_react_desc.PropTypes.number,
|
|
115
|
-
firstDayOfWeek: import_react_desc.PropTypes.number,
|
|
116
|
-
keepOpenOnDateSelect: import_react_desc.PropTypes.bool,
|
|
117
|
-
hideKeyboardShortcutsPanel: import_react_desc.PropTypes.bool,
|
|
118
|
-
onPrevMonthClick: import_react_desc.PropTypes.func,
|
|
119
|
-
onNextMonthClick: import_react_desc.PropTypes.func,
|
|
120
|
-
onClose: import_react_desc.PropTypes.func,
|
|
121
|
-
onDateChange: import_react_desc.PropTypes.func,
|
|
122
|
-
phrases: import_react_desc.PropTypes.shape({
|
|
123
|
-
calendarLabel: import_react_desc.PropTypes.string,
|
|
124
|
-
closeDatePicker: import_react_desc.PropTypes.string,
|
|
125
|
-
clearDates: import_react_desc.PropTypes.string,
|
|
126
|
-
focusStartDate: import_react_desc.PropTypes.string,
|
|
127
|
-
jumpToPrevMonth: import_react_desc.PropTypes.string,
|
|
128
|
-
jumpToNextMonth: import_react_desc.PropTypes.string,
|
|
129
|
-
keyboardShortcuts: import_react_desc.PropTypes.string,
|
|
130
|
-
showKeyboardShortcutsPanel: import_react_desc.PropTypes.string,
|
|
131
|
-
hideKeyboardShortcutsPanel: import_react_desc.PropTypes.string,
|
|
132
|
-
openThisPanel: import_react_desc.PropTypes.string,
|
|
133
|
-
enterKey: import_react_desc.PropTypes.string,
|
|
134
|
-
leftArrowRightArrow: import_react_desc.PropTypes.string,
|
|
135
|
-
upArrowDownArrow: import_react_desc.PropTypes.string,
|
|
136
|
-
pageUpPageDown: import_react_desc.PropTypes.string,
|
|
137
|
-
homeEnd: import_react_desc.PropTypes.string,
|
|
138
|
-
escape: import_react_desc.PropTypes.string,
|
|
139
|
-
questionMark: import_react_desc.PropTypes.string,
|
|
140
|
-
selectFocusedDate: import_react_desc.PropTypes.string,
|
|
141
|
-
moveFocusByOneDay: import_react_desc.PropTypes.string,
|
|
142
|
-
moveFocusByOneWeek: import_react_desc.PropTypes.string,
|
|
143
|
-
moveFocusByOneMonth: import_react_desc.PropTypes.string,
|
|
144
|
-
moveFocustoStartAndEndOfWeek: import_react_desc.PropTypes.string,
|
|
145
|
-
returnFocusToInput: import_react_desc.PropTypes.string,
|
|
146
|
-
keyboardNavigationInstructions: import_react_desc.PropTypes.string,
|
|
147
|
-
chooseAvailableStartDate: import_react_desc.PropTypes.func,
|
|
148
|
-
chooseAvailableEndDate: import_react_desc.PropTypes.func,
|
|
149
|
-
dateIsUnavailable: import_react_desc.PropTypes.func,
|
|
150
|
-
dateIsSelected: import_react_desc.PropTypes.func,
|
|
151
|
-
zIndex: import_react_desc.PropTypes.number
|
|
152
|
-
}),
|
|
153
|
-
displayFormatDay: import_react_desc.PropTypes.string,
|
|
154
|
-
isDayBlocked: import_react_desc.PropTypes.func,
|
|
155
|
-
isOutsideRange: import_react_desc.PropTypes.func,
|
|
156
|
-
isDayHighlighted: import_react_desc.PropTypes.func
|
|
157
|
-
}).description("DatePicker properties"),
|
|
158
|
-
placeholder: import_react_desc.PropTypes.string.description("Input placeholder"),
|
|
159
|
-
timePickerProps: import_react_desc.PropTypes.shape({
|
|
160
|
-
format: import_react_desc.PropTypes.string,
|
|
161
|
-
onChange: import_react_desc.PropTypes.func
|
|
162
|
-
}).description("TimePicker properties"),
|
|
163
|
-
dateInputProps: import_react_desc.PropTypes.shape({
|
|
164
|
-
onDateInputDateChange: import_react_desc.PropTypes.func
|
|
165
|
-
}).description("DateInputProperties")
|
|
166
|
-
};
|
|
167
|
-
DSDateTimePicker.propTypes = dateTimePickerProps;
|
|
168
|
-
const DateTimePickerWithSchema = (0, import_react_desc.describe)(DSDateTimePicker);
|
|
169
|
-
DateTimePickerWithSchema.propTypes = dateTimePickerProps;
|
|
170
|
-
var DSDateTimePicker_default = DSDateTimePicker;
|
|
171
|
-
module.exports = __toCommonJS(DSDateTimePicker_exports);
|
|
172
|
-
//# sourceMappingURL=DSDateTimePicker.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSDateTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSDateTimePickerImpl } from './components/DateTimePickerImpl';\nimport english from './lang/english';\n\nconst {\n placeholder: placeholderDefault,\n className: classNameDefault,\n id: idDefault,\n} = english;\n\nconst DSDateTimePicker = ({\n containerProps = {},\n className = classNameDefault,\n id = idDefault,\n placeholder = placeholderDefault,\n date,\n clearable = false,\n onBlur = () => null,\n datePickerProps = {\n disabled: false,\n numberOfMonths: 1,\n readOnly: false,\n enableOutsideDays: false,\n transitionDuration: 0,\n firstDayOfWeek: 0,\n keepOpenOnDateSelect: true,\n hideKeyboardShortcutsPanel: true,\n onPrevMonthClick: () => null,\n onNextMonthClick: () => null,\n onClose: () => null,\n onchange: () => null,\n onDateChange: () => null,\n phrases: SingleDatePickerPhrases,\n displayFormatDay: 'D',\n isDayBlocked: () => false,\n isOutsideRange: () => false,\n isDayHighlighted: () => false,\n zIndex: 11,\n },\n timePickerProps = {\n format: 'hh:mm A',\n onChange: () => null,\n disabledTimes: undefined,\n minutesInterval: 1,\n },\n dateInputProps = {\n onDateInputDateChange: () => null,\n },\n}) => {\n const { cssClassName } = convertPropToCssClassName(\n 'datetimepicker',\n className,\n {\n id,\n },\n );\n return (\n <div className={cssClassName} {...containerProps}>\n <DSDateTimePickerImpl\n clearable={clearable}\n date={date}\n datePickerProps={datePickerProps}\n onBlur={onBlur}\n placeholder={placeholder}\n timePickerProps={timePickerProps}\n dateInputProps={dateInputProps}\n />\n </div>\n );\n};\n\nconst dateTimePickerProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n className: PropTypes.string.description('html class attribute'),\n id: PropTypes.string.description('components id'),\n /**\n * on blur callback\n */\n onBlur: PropTypes.func.description('on blur callback'),\n /**\n * Initial date, by default current date\n */\n date: PropTypes.instanceOf(Date, moment).description(\n 'Initial date, by default current date',\n ),\n /**\n * Flag to trigger onDateChange on error\n */\n clearable: PropTypes.bool.description(\n 'Flag to trigger onDateChange on error',\n ),\n /**\n * DatePicker properties\n */\n datePickerProps: PropTypes.shape({\n disabled: PropTypes.bool,\n numberOfMonths: PropTypes.number,\n readOnly: PropTypes.bool,\n enableOutsideDays: PropTypes.bool,\n transitionDuration: PropTypes.number,\n firstDayOfWeek: PropTypes.number,\n keepOpenOnDateSelect: PropTypes.bool,\n hideKeyboardShortcutsPanel: PropTypes.bool,\n onPrevMonthClick: PropTypes.func,\n onNextMonthClick: PropTypes.func,\n onClose: PropTypes.func,\n onDateChange: PropTypes.func,\n phrases: PropTypes.shape({\n calendarLabel: PropTypes.string,\n closeDatePicker: PropTypes.string,\n clearDates: PropTypes.string,\n focusStartDate: PropTypes.string,\n jumpToPrevMonth: PropTypes.string,\n jumpToNextMonth: PropTypes.string,\n keyboardShortcuts: PropTypes.string,\n showKeyboardShortcutsPanel: PropTypes.string,\n hideKeyboardShortcutsPanel: PropTypes.string,\n openThisPanel: PropTypes.string,\n enterKey: PropTypes.string,\n leftArrowRightArrow: PropTypes.string,\n upArrowDownArrow: PropTypes.string,\n pageUpPageDown: PropTypes.string,\n homeEnd: PropTypes.string,\n escape: PropTypes.string,\n questionMark: PropTypes.string,\n selectFocusedDate: PropTypes.string,\n moveFocusByOneDay: PropTypes.string,\n moveFocusByOneWeek: PropTypes.string,\n moveFocusByOneMonth: PropTypes.string,\n moveFocustoStartAndEndOfWeek: PropTypes.string,\n returnFocusToInput: PropTypes.string,\n keyboardNavigationInstructions: PropTypes.string,\n chooseAvailableStartDate: PropTypes.func,\n chooseAvailableEndDate: PropTypes.func,\n dateIsUnavailable: PropTypes.func,\n dateIsSelected: PropTypes.func,\n /**\n * ZIndex for the picker popup\n */\n zIndex: PropTypes.number,\n }),\n displayFormatDay: PropTypes.string,\n isDayBlocked: PropTypes.func,\n isOutsideRange: PropTypes.func,\n isDayHighlighted: PropTypes.func,\n }).description('DatePicker properties'),\n /**\n * Input placeholder\n */\n placeholder: PropTypes.string.description('Input placeholder'),\n /**\n * TimePicker properties\n */\n timePickerProps: PropTypes.shape({\n format: PropTypes.string,\n onChange: PropTypes.func,\n }).description('TimePicker properties'),\n dateInputProps: PropTypes.shape({\n onDateInputDateChange: PropTypes.func,\n }).description('DateInputProperties'),\n};\n\nDSDateTimePicker.propTypes = dateTimePickerProps;\nconst DateTimePickerWithSchema = describe(DSDateTimePicker);\nDateTimePickerWithSchema.propTypes = dateTimePickerProps;\n\nexport { DateTimePickerWithSchema, DSDateTimePicker };\nexport default DSDateTimePicker;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|