@elliemae/ds-date-time-picker 3.16.0-next.2 → 3.16.0-next.4
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/cjs/DSDateTimePicker.js +61 -61
- package/dist/cjs/DSDateTimePicker.js.map +2 -2
- package/dist/cjs/package.json +7 -0
- package/dist/esm/DSDateTimePicker.js +1 -1
- package/dist/esm/DSDateTimePicker.js.map +1 -1
- package/dist/esm/package.json +7 -0
- package/dist/types/DSDateTimePicker.d.ts +11 -11
- package/package.json +9 -8
|
@@ -31,7 +31,7 @@ __export(DSDateTimePicker_exports, {
|
|
|
31
31
|
module.exports = __toCommonJS(DSDateTimePicker_exports);
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
|
-
var
|
|
34
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
35
35
|
var import_moment = __toESM(require("moment"));
|
|
36
36
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
37
37
|
var import_ds_date_picker = require("@elliemae/ds-date-picker");
|
|
@@ -94,73 +94,73 @@ const DSDateTimePicker = ({
|
|
|
94
94
|
) });
|
|
95
95
|
};
|
|
96
96
|
const dateTimePickerProps = {
|
|
97
|
-
containerProps:
|
|
98
|
-
className:
|
|
99
|
-
id:
|
|
100
|
-
onBlur:
|
|
101
|
-
date:
|
|
102
|
-
clearable:
|
|
103
|
-
datePickerProps:
|
|
104
|
-
disabled:
|
|
105
|
-
numberOfMonths:
|
|
106
|
-
readOnly:
|
|
107
|
-
enableOutsideDays:
|
|
108
|
-
transitionDuration:
|
|
109
|
-
firstDayOfWeek:
|
|
110
|
-
keepOpenOnDateSelect:
|
|
111
|
-
hideKeyboardShortcutsPanel:
|
|
112
|
-
onPrevMonthClick:
|
|
113
|
-
onNextMonthClick:
|
|
114
|
-
onClose:
|
|
115
|
-
onDateChange:
|
|
116
|
-
phrases:
|
|
117
|
-
calendarLabel:
|
|
118
|
-
closeDatePicker:
|
|
119
|
-
clearDates:
|
|
120
|
-
focusStartDate:
|
|
121
|
-
jumpToPrevMonth:
|
|
122
|
-
jumpToNextMonth:
|
|
123
|
-
keyboardShortcuts:
|
|
124
|
-
showKeyboardShortcutsPanel:
|
|
125
|
-
hideKeyboardShortcutsPanel:
|
|
126
|
-
openThisPanel:
|
|
127
|
-
enterKey:
|
|
128
|
-
leftArrowRightArrow:
|
|
129
|
-
upArrowDownArrow:
|
|
130
|
-
pageUpPageDown:
|
|
131
|
-
homeEnd:
|
|
132
|
-
escape:
|
|
133
|
-
questionMark:
|
|
134
|
-
selectFocusedDate:
|
|
135
|
-
moveFocusByOneDay:
|
|
136
|
-
moveFocusByOneWeek:
|
|
137
|
-
moveFocusByOneMonth:
|
|
138
|
-
moveFocustoStartAndEndOfWeek:
|
|
139
|
-
returnFocusToInput:
|
|
140
|
-
keyboardNavigationInstructions:
|
|
141
|
-
chooseAvailableStartDate:
|
|
142
|
-
chooseAvailableEndDate:
|
|
143
|
-
dateIsUnavailable:
|
|
144
|
-
dateIsSelected:
|
|
145
|
-
zIndex:
|
|
97
|
+
containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
|
|
98
|
+
className: import_ds_props_helpers.PropTypes.string.description("html class attribute"),
|
|
99
|
+
id: import_ds_props_helpers.PropTypes.string.description("components id"),
|
|
100
|
+
onBlur: import_ds_props_helpers.PropTypes.func.description("on blur callback"),
|
|
101
|
+
date: import_ds_props_helpers.PropTypes.instanceOf(Date, import_moment.default).description("Initial date, by default current date"),
|
|
102
|
+
clearable: import_ds_props_helpers.PropTypes.bool.description("Flag to trigger onDateChange on error"),
|
|
103
|
+
datePickerProps: import_ds_props_helpers.PropTypes.shape({
|
|
104
|
+
disabled: import_ds_props_helpers.PropTypes.bool,
|
|
105
|
+
numberOfMonths: import_ds_props_helpers.PropTypes.number,
|
|
106
|
+
readOnly: import_ds_props_helpers.PropTypes.bool,
|
|
107
|
+
enableOutsideDays: import_ds_props_helpers.PropTypes.bool,
|
|
108
|
+
transitionDuration: import_ds_props_helpers.PropTypes.number,
|
|
109
|
+
firstDayOfWeek: import_ds_props_helpers.PropTypes.number,
|
|
110
|
+
keepOpenOnDateSelect: import_ds_props_helpers.PropTypes.bool,
|
|
111
|
+
hideKeyboardShortcutsPanel: import_ds_props_helpers.PropTypes.bool,
|
|
112
|
+
onPrevMonthClick: import_ds_props_helpers.PropTypes.func,
|
|
113
|
+
onNextMonthClick: import_ds_props_helpers.PropTypes.func,
|
|
114
|
+
onClose: import_ds_props_helpers.PropTypes.func,
|
|
115
|
+
onDateChange: import_ds_props_helpers.PropTypes.func,
|
|
116
|
+
phrases: import_ds_props_helpers.PropTypes.shape({
|
|
117
|
+
calendarLabel: import_ds_props_helpers.PropTypes.string,
|
|
118
|
+
closeDatePicker: import_ds_props_helpers.PropTypes.string,
|
|
119
|
+
clearDates: import_ds_props_helpers.PropTypes.string,
|
|
120
|
+
focusStartDate: import_ds_props_helpers.PropTypes.string,
|
|
121
|
+
jumpToPrevMonth: import_ds_props_helpers.PropTypes.string,
|
|
122
|
+
jumpToNextMonth: import_ds_props_helpers.PropTypes.string,
|
|
123
|
+
keyboardShortcuts: import_ds_props_helpers.PropTypes.string,
|
|
124
|
+
showKeyboardShortcutsPanel: import_ds_props_helpers.PropTypes.string,
|
|
125
|
+
hideKeyboardShortcutsPanel: import_ds_props_helpers.PropTypes.string,
|
|
126
|
+
openThisPanel: import_ds_props_helpers.PropTypes.string,
|
|
127
|
+
enterKey: import_ds_props_helpers.PropTypes.string,
|
|
128
|
+
leftArrowRightArrow: import_ds_props_helpers.PropTypes.string,
|
|
129
|
+
upArrowDownArrow: import_ds_props_helpers.PropTypes.string,
|
|
130
|
+
pageUpPageDown: import_ds_props_helpers.PropTypes.string,
|
|
131
|
+
homeEnd: import_ds_props_helpers.PropTypes.string,
|
|
132
|
+
escape: import_ds_props_helpers.PropTypes.string,
|
|
133
|
+
questionMark: import_ds_props_helpers.PropTypes.string,
|
|
134
|
+
selectFocusedDate: import_ds_props_helpers.PropTypes.string,
|
|
135
|
+
moveFocusByOneDay: import_ds_props_helpers.PropTypes.string,
|
|
136
|
+
moveFocusByOneWeek: import_ds_props_helpers.PropTypes.string,
|
|
137
|
+
moveFocusByOneMonth: import_ds_props_helpers.PropTypes.string,
|
|
138
|
+
moveFocustoStartAndEndOfWeek: import_ds_props_helpers.PropTypes.string,
|
|
139
|
+
returnFocusToInput: import_ds_props_helpers.PropTypes.string,
|
|
140
|
+
keyboardNavigationInstructions: import_ds_props_helpers.PropTypes.string,
|
|
141
|
+
chooseAvailableStartDate: import_ds_props_helpers.PropTypes.func,
|
|
142
|
+
chooseAvailableEndDate: import_ds_props_helpers.PropTypes.func,
|
|
143
|
+
dateIsUnavailable: import_ds_props_helpers.PropTypes.func,
|
|
144
|
+
dateIsSelected: import_ds_props_helpers.PropTypes.func,
|
|
145
|
+
zIndex: import_ds_props_helpers.PropTypes.number
|
|
146
146
|
}),
|
|
147
|
-
displayFormatDay:
|
|
148
|
-
isDayBlocked:
|
|
149
|
-
isOutsideRange:
|
|
150
|
-
isDayHighlighted:
|
|
147
|
+
displayFormatDay: import_ds_props_helpers.PropTypes.string,
|
|
148
|
+
isDayBlocked: import_ds_props_helpers.PropTypes.func,
|
|
149
|
+
isOutsideRange: import_ds_props_helpers.PropTypes.func,
|
|
150
|
+
isDayHighlighted: import_ds_props_helpers.PropTypes.func
|
|
151
151
|
}).description("DatePicker properties"),
|
|
152
|
-
placeholder:
|
|
153
|
-
timePickerProps:
|
|
154
|
-
format:
|
|
155
|
-
onChange:
|
|
152
|
+
placeholder: import_ds_props_helpers.PropTypes.string.description("Input placeholder"),
|
|
153
|
+
timePickerProps: import_ds_props_helpers.PropTypes.shape({
|
|
154
|
+
format: import_ds_props_helpers.PropTypes.string,
|
|
155
|
+
onChange: import_ds_props_helpers.PropTypes.func
|
|
156
156
|
}).description("TimePicker properties"),
|
|
157
|
-
dateInputProps:
|
|
158
|
-
onDateInputDateChange:
|
|
157
|
+
dateInputProps: import_ds_props_helpers.PropTypes.shape({
|
|
158
|
+
onDateInputDateChange: import_ds_props_helpers.PropTypes.func
|
|
159
159
|
}).description("DateInputProperties")
|
|
160
160
|
};
|
|
161
161
|
DSDateTimePicker.propTypes = dateTimePickerProps;
|
|
162
162
|
DSDateTimePicker.displayName = "DSDateTimePicker";
|
|
163
|
-
const DateTimePickerWithSchema = (0,
|
|
163
|
+
const DateTimePickerWithSchema = (0, import_ds_props_helpers.describe)(DSDateTimePicker);
|
|
164
164
|
DateTimePickerWithSchema.propTypes = dateTimePickerProps;
|
|
165
165
|
var DSDateTimePicker_default = DSDateTimePicker;
|
|
166
166
|
//# sourceMappingURL=DSDateTimePicker.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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 '@elliemae/ds-
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuDjB;AArDN,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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 { placeholder: placeholderDefault, className: classNameDefault, id: idDefault } = 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('datetimepicker', className, {\n id,\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('Set of Properties attached to the main container'),\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('Initial date, by default current date'),\n /**\n * Flag to trigger onDateChange on error\n */\n clearable: PropTypes.bool.description('Flag to trigger onDateChange on error'),\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;\nDSDateTimePicker.displayName = 'DSDateTimePicker';\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
6
|
"names": ["english", "moment"]
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { PropTypes, describe } from "@elliemae/ds-
|
|
3
|
+
import { PropTypes, describe } from "@elliemae/ds-props-helpers";
|
|
4
4
|
import moment from "moment";
|
|
5
5
|
import { convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
6
6
|
import { SingleDatePickerPhrases } from "@elliemae/ds-date-picker";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSDateTimePicker.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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 { placeholder: placeholderDefault, className: classNameDefault, id: idDefault } = 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('datetimepicker', className, {\n id,\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('Set of Properties attached to the main container'),\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('Initial date, by default current date'),\n /**\n * Flag to trigger onDateChange on error\n */\n clearable: PropTypes.bool.description('Flag to trigger onDateChange on error'),\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;\nDSDateTimePicker.displayName = 'DSDateTimePicker';\nconst DateTimePickerWithSchema = describe(DSDateTimePicker);\nDateTimePickerWithSchema.propTypes = dateTimePickerProps;\n\nexport { DateTimePickerWithSchema, DSDateTimePicker };\nexport default DSDateTimePicker;\n"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -74,38 +74,38 @@ declare const DSDateTimePicker: {
|
|
|
74
74
|
} | undefined;
|
|
75
75
|
}): JSX.Element;
|
|
76
76
|
propTypes: {
|
|
77
|
-
containerProps: import("@elliemae/ds-
|
|
78
|
-
className: import("@elliemae/ds-
|
|
79
|
-
id: import("@elliemae/ds-
|
|
77
|
+
containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
78
|
+
className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
79
|
+
id: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
80
80
|
/**
|
|
81
81
|
* on blur callback
|
|
82
82
|
*/
|
|
83
|
-
onBlur: import("@elliemae/ds-
|
|
83
|
+
onBlur: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
84
84
|
/**
|
|
85
85
|
* Initial date, by default current date
|
|
86
86
|
*/
|
|
87
|
-
date: import("@elliemae/ds-
|
|
87
|
+
date: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
88
88
|
/**
|
|
89
89
|
* Flag to trigger onDateChange on error
|
|
90
90
|
*/
|
|
91
|
-
clearable: import("@elliemae/ds-
|
|
91
|
+
clearable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
92
92
|
/**
|
|
93
93
|
* DatePicker properties
|
|
94
94
|
*/
|
|
95
|
-
datePickerProps: import("@elliemae/ds-
|
|
95
|
+
datePickerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
96
96
|
/**
|
|
97
97
|
* Input placeholder
|
|
98
98
|
*/
|
|
99
|
-
placeholder: import("@elliemae/ds-
|
|
99
|
+
placeholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
100
100
|
/**
|
|
101
101
|
* TimePicker properties
|
|
102
102
|
*/
|
|
103
|
-
timePickerProps: import("@elliemae/ds-
|
|
104
|
-
dateInputProps: import("@elliemae/ds-
|
|
103
|
+
timePickerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
104
|
+
dateInputProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
105
105
|
};
|
|
106
106
|
displayName: string;
|
|
107
107
|
};
|
|
108
|
-
declare const DateTimePickerWithSchema: import("@elliemae/ds-
|
|
108
|
+
declare const DateTimePickerWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
|
|
109
109
|
containerProps?: {} | undefined;
|
|
110
110
|
className?: string | undefined;
|
|
111
111
|
id?: string | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-time-picker",
|
|
3
|
-
"version": "3.16.0-next.
|
|
3
|
+
"version": "3.16.0-next.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Time Picker",
|
|
6
6
|
"files": [
|
|
@@ -57,12 +57,13 @@
|
|
|
57
57
|
"dependencies": {
|
|
58
58
|
"lodash": "~4.17.21",
|
|
59
59
|
"moment": "~2.29.3",
|
|
60
|
-
"@elliemae/ds-classnames": "3.16.0-next.
|
|
61
|
-
"@elliemae/ds-
|
|
62
|
-
"@elliemae/ds-date-picker": "3.16.0-next.
|
|
63
|
-
"@elliemae/ds-
|
|
64
|
-
"@elliemae/ds-
|
|
65
|
-
"@elliemae/ds-
|
|
60
|
+
"@elliemae/ds-classnames": "3.16.0-next.4",
|
|
61
|
+
"@elliemae/ds-system": "3.16.0-next.4",
|
|
62
|
+
"@elliemae/ds-date-picker": "3.16.0-next.4",
|
|
63
|
+
"@elliemae/ds-time-picker": "3.16.0-next.4",
|
|
64
|
+
"@elliemae/ds-utilities": "3.16.0-next.4",
|
|
65
|
+
"@elliemae/ds-props-helpers": "3.16.0-next.4",
|
|
66
|
+
"@elliemae/ds-form": "3.16.0-next.4"
|
|
66
67
|
},
|
|
67
68
|
"devDependencies": {
|
|
68
69
|
"@testing-library/jest-dom": "~5.16.4",
|
|
@@ -87,7 +88,7 @@
|
|
|
87
88
|
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
|
|
88
89
|
"dts": "node ../../scripts/dts.mjs",
|
|
89
90
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
90
|
-
"dev:build": "pnpm --filter {.}... build
|
|
91
|
+
"dev:build": "pnpm --filter {.}... build",
|
|
91
92
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
92
93
|
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
93
94
|
}
|