dynamic-mui 1.0.56 → 1.0.57
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-modules/components/controls/DateTime/datetime.js +7 -10
- package/dist-modules/components/controls/DateTimePicker/datetimepicker.js +7 -10
- package/dist-modules/components/controls/TimePicker/timepicker.js +7 -10
- package/dist-modules/data/dateTime.js +11 -1
- package/docs/asset-manifest.json +9 -0
- package/docs/build/bundle.f167def1.js +2 -0
- package/docs/build/bundle.f167def1.js.LICENSE.txt +123 -0
- package/docs/index.html +16 -0
- package/package.json +11 -12
|
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = DateTime;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var
|
|
9
|
-
var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
|
|
8
|
+
var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
|
|
10
9
|
var _xDatePickers = require("@mui/x-date-pickers");
|
|
11
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
12
12
|
var _helper = require("../../../util/helper");
|
|
13
13
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -21,16 +21,15 @@ function DateTime(_ref) {
|
|
|
21
21
|
const {
|
|
22
22
|
MuiAttributes = {},
|
|
23
23
|
name = 'DatePicker',
|
|
24
|
-
id = ''
|
|
25
|
-
MuiTextAttributes
|
|
24
|
+
id = ''
|
|
26
25
|
} = attributes;
|
|
27
|
-
const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ?
|
|
26
|
+
const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? (0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value) : null);
|
|
28
27
|
(0, _useUpdateEffect.default)(() => {
|
|
29
|
-
if (attributes !== null && attributes !== void 0 && attributes.value) setValue(
|
|
28
|
+
if (attributes !== null && attributes !== void 0 && attributes.value) setValue((0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value));
|
|
30
29
|
}, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
|
|
31
30
|
const MuiDateTime = (0, _helper.DateComponent)(name);
|
|
32
31
|
return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
33
|
-
dateAdapter:
|
|
32
|
+
dateAdapter: _AdapterDayjs.AdapterDayjs
|
|
34
33
|
}, /*#__PURE__*/_react.default.createElement(MuiDateTime, _extends({
|
|
35
34
|
value: value,
|
|
36
35
|
onChange: newValue => {
|
|
@@ -40,9 +39,7 @@ function DateTime(_ref) {
|
|
|
40
39
|
value: newValue
|
|
41
40
|
});
|
|
42
41
|
}
|
|
43
|
-
}, MuiAttributes
|
|
44
|
-
renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes))
|
|
45
|
-
})));
|
|
42
|
+
}, MuiAttributes)));
|
|
46
43
|
}
|
|
47
44
|
DateTime.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
48
45
|
/** Attributes for DateTime */
|
|
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = DateTimePicker;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var
|
|
9
|
-
var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
|
|
8
|
+
var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
|
|
10
9
|
var _xDatePickers = require("@mui/x-date-pickers");
|
|
11
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
12
12
|
var _helper = require("../../../util/helper");
|
|
13
13
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -21,16 +21,15 @@ function DateTimePicker(_ref) {
|
|
|
21
21
|
const {
|
|
22
22
|
MuiAttributes = {},
|
|
23
23
|
name = 'DateTimePicker',
|
|
24
|
-
id = ''
|
|
25
|
-
MuiTextAttributes
|
|
24
|
+
id = ''
|
|
26
25
|
} = attributes;
|
|
27
|
-
const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ?
|
|
26
|
+
const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? (0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value) : null);
|
|
28
27
|
(0, _useUpdateEffect.default)(() => {
|
|
29
|
-
if (attributes !== null && attributes !== void 0 && attributes.value) setValue(
|
|
28
|
+
if (attributes !== null && attributes !== void 0 && attributes.value) setValue((0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value));
|
|
30
29
|
}, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
|
|
31
30
|
const MuiDateTimePicker = (0, _helper.DateComponent)(name);
|
|
32
31
|
return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
33
|
-
dateAdapter:
|
|
32
|
+
dateAdapter: _AdapterDayjs.AdapterDayjs
|
|
34
33
|
}, /*#__PURE__*/_react.default.createElement(MuiDateTimePicker, _extends({
|
|
35
34
|
value: value,
|
|
36
35
|
onChange: newValue => {
|
|
@@ -40,9 +39,7 @@ function DateTimePicker(_ref) {
|
|
|
40
39
|
value: newValue
|
|
41
40
|
});
|
|
42
41
|
}
|
|
43
|
-
}, MuiAttributes
|
|
44
|
-
renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes))
|
|
45
|
-
})));
|
|
42
|
+
}, MuiAttributes)));
|
|
46
43
|
}
|
|
47
44
|
DateTimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
48
45
|
/** Attributes for DateTimePicker */
|
|
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = TimePicker;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var
|
|
9
|
-
var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
|
|
8
|
+
var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
|
|
10
9
|
var _xDatePickers = require("@mui/x-date-pickers");
|
|
11
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
12
12
|
var _helper = require("../../../util/helper");
|
|
13
13
|
var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -21,16 +21,15 @@ function TimePicker(_ref) {
|
|
|
21
21
|
const {
|
|
22
22
|
MuiAttributes = {},
|
|
23
23
|
name = 'TimePicker',
|
|
24
|
-
id = ''
|
|
25
|
-
MuiTextAttributes
|
|
24
|
+
id = ''
|
|
26
25
|
} = attributes;
|
|
27
|
-
const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ?
|
|
26
|
+
const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? (0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value) : null);
|
|
28
27
|
(0, _useUpdateEffect.default)(() => {
|
|
29
|
-
if (attributes !== null && attributes !== void 0 && attributes.value) setValue(
|
|
28
|
+
if (attributes !== null && attributes !== void 0 && attributes.value) setValue((0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value));
|
|
30
29
|
}, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
|
|
31
30
|
const MuiTimePicker = (0, _helper.DateComponent)(name);
|
|
32
31
|
return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
33
|
-
dateAdapter:
|
|
32
|
+
dateAdapter: _AdapterDayjs.AdapterDayjs
|
|
34
33
|
}, /*#__PURE__*/_react.default.createElement(MuiTimePicker, _extends({
|
|
35
34
|
value: value,
|
|
36
35
|
onChange: newValue => {
|
|
@@ -40,9 +39,7 @@ function TimePicker(_ref) {
|
|
|
40
39
|
value: newValue
|
|
41
40
|
});
|
|
42
41
|
}
|
|
43
|
-
}, MuiAttributes
|
|
44
|
-
renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes))
|
|
45
|
-
})));
|
|
42
|
+
}, MuiAttributes)));
|
|
46
43
|
}
|
|
47
44
|
TimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
48
45
|
/** Attributes for TimePicker */
|
|
@@ -115,7 +115,17 @@ const timePicker = exports.timePicker = [{
|
|
|
115
115
|
MuiAttributes: {
|
|
116
116
|
label: 'Standard',
|
|
117
117
|
fullWidth: true,
|
|
118
|
-
variant: 'standard'
|
|
118
|
+
variant: 'standard',
|
|
119
|
+
disableUnderline: true
|
|
120
|
+
// sx: {
|
|
121
|
+
// width: '100%',
|
|
122
|
+
// '& .MuiInputLabel-root.Mui-focused': { color: '#979797' }, // styles the label
|
|
123
|
+
// '& .MuiOutlinedInput-root': {
|
|
124
|
+
// '&:hover > fieldset': { borderColor: 'red' },
|
|
125
|
+
// height: '48px',
|
|
126
|
+
// borderRadius: '8px',
|
|
127
|
+
// },
|
|
128
|
+
// },
|
|
119
129
|
}
|
|
120
130
|
},
|
|
121
131
|
layout: {
|