@capillarytech/blaze-ui 5.1.19 → 5.2.1
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/CapCollapsibleNavbar/index.js +2 -8
- package/CapCollapsibleNavbar/index.js.map +1 -1
- package/CapCondition/index.js +2 -8
- package/CapCondition/index.js.map +1 -1
- package/CapDatePicker/index.js +2 -8
- package/CapDatePicker/index.js.map +1 -1
- package/CapDateTimePicker/index.js +99 -112
- package/CapDateTimePicker/index.js.map +1 -1
- package/CapDateTimeRangePicker/index.js +2 -8
- package/CapDateTimeRangePicker/index.js.map +1 -1
- package/CapEmptyDivWithBorder/index.d.ts +12 -0
- package/CapEmptyDivWithBorder/index.d.ts.map +1 -0
- package/CapEmptyDivWithBorder/index.js +647 -9
- package/CapEmptyDivWithBorder/index.js.map +1 -1
- package/CapEmptyDivWithBorder/types.d.ts +26 -0
- package/CapEmptyDivWithBorder/types.d.ts.map +1 -0
- package/CapEventCalendar/index.js +2 -8
- package/CapEventCalendar/index.js.map +1 -1
- package/CapLanguageProvider/index.js +2 -8
- package/CapLanguageProvider/index.js.map +1 -1
- package/CapNotificationDropdown/index.js +2 -8
- package/CapNotificationDropdown/index.js.map +1 -1
- package/CapTimePicker/index.js +2 -8
- package/CapTimePicker/index.js.map +1 -1
- package/index.d.ts +2 -2
- package/index.d.ts.map +1 -1
- package/index.js +134 -282
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/utils/dayjs.d.ts +0 -2
- package/utils/dayjs.d.ts.map +1 -1
- package/.DS_Store +0 -0
- package/CapDateTimePicker/README.md +0 -136
- package/CapDateTimePicker/index.d.ts +0 -13
- package/CapDateTimePicker/index.d.ts.map +0 -1
- package/CapDateTimePicker/messages.d.ts +0 -17
- package/CapDateTimePicker/messages.d.ts.map +0 -1
- package/CapDateTimePicker/types.d.ts +0 -89
- package/CapDateTimePicker/types.d.ts.map +0 -1
|
@@ -2973,24 +2973,6 @@ var _default = exports["default"] = SvgCircleDollar;
|
|
|
2973
2973
|
|
|
2974
2974
|
/***/ }),
|
|
2975
2975
|
|
|
2976
|
-
/***/ 19224:
|
|
2977
|
-
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
2978
|
-
|
|
2979
|
-
"use strict";
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
exports.__esModule = true;
|
|
2983
|
-
exports["default"] = logDeprecationWarning;
|
|
2984
|
-
var _isNil = _interopRequireDefault(__webpack_require__(69843));
|
|
2985
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
2986
|
-
function logDeprecationWarning(componentName, deprecatedPropName, deprecatedPropValue, replacementPropName) {
|
|
2987
|
-
// @ts-ignore - process.env is provided by webpack/build tools
|
|
2988
|
-
if (false) // removed by dead control flow
|
|
2989
|
-
{}
|
|
2990
|
-
}
|
|
2991
|
-
|
|
2992
|
-
/***/ }),
|
|
2993
|
-
|
|
2994
2976
|
/***/ 19561:
|
|
2995
2977
|
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
2996
2978
|
|
|
@@ -3774,7 +3756,7 @@ var _default = exports["default"] = SvgFile;
|
|
|
3774
3756
|
|
|
3775
3757
|
|
|
3776
3758
|
exports.__esModule = true;
|
|
3777
|
-
exports.TIME_UNITS = exports.FORMAT_TOKENS =
|
|
3759
|
+
exports.TIME_UNITS = exports.FORMAT_TOKENS = void 0;
|
|
3778
3760
|
exports.dayjsToMoment = dayjsToMoment;
|
|
3779
3761
|
exports["default"] = void 0;
|
|
3780
3762
|
exports.hasMomentTimezoneSupport = hasMomentTimezoneSupport;
|
|
@@ -3970,8 +3952,6 @@ const FORMAT_TOKENS = exports.FORMAT_TOKENS = {
|
|
|
3970
3952
|
MONTH_FULL: 'MMMM',
|
|
3971
3953
|
YEAR: 'YYYY',
|
|
3972
3954
|
YEAR_SHORT: 'YY',
|
|
3973
|
-
// Cap UI datetime picker format (DD-MM-YYYY | HH:mm)
|
|
3974
|
-
DATE_TIME: 'DD-MM-YYYY | HH:mm',
|
|
3975
3955
|
// Localized formats
|
|
3976
3956
|
DATE_LOCALIZED_SHORT: 'l',
|
|
3977
3957
|
DATETIME_LOCALIZED_SHORT: 'll',
|
|
@@ -3982,7 +3962,6 @@ const FORMAT_TOKENS = exports.FORMAT_TOKENS = {
|
|
|
3982
3962
|
DATETIME_LOCALIZED_LONG_TIME: 'LLL',
|
|
3983
3963
|
DATETIME_LOCALIZED_LONG_TIME_WEEKDAY: 'LLLL'
|
|
3984
3964
|
};
|
|
3985
|
-
const DEFAULT_TIMEZONE = exports.DEFAULT_TIMEZONE = 'Asia/Kolkata';
|
|
3986
3965
|
function logDevError(message, error) {
|
|
3987
3966
|
if (false) // removed by dead control flow
|
|
3988
3967
|
{}
|
|
@@ -4063,10 +4042,7 @@ function momentToDayjs(value) {
|
|
|
4063
4042
|
const tz = value.tz();
|
|
4064
4043
|
if (tz) {
|
|
4065
4044
|
// Has a named timezone - preserve it
|
|
4066
|
-
|
|
4067
|
-
// causing .tz() to only re-label without converting hours. dayjs.utc(date) creates a
|
|
4068
|
-
// UTC-mode dayjs, which .tz() correctly converts to the target timezone for display.
|
|
4069
|
-
dayjsObj = _dayjs.default.utc(date).tz(tz);
|
|
4045
|
+
dayjsObj = (0, _dayjs.default)(date).tz(tz);
|
|
4070
4046
|
|
|
4071
4047
|
// WORKAROUND: dayjs-timezone-iana-plugin doesn't persist timezone name in standard way
|
|
4072
4048
|
// Store it manually in $x for round-trip conversion fidelity
|
|
@@ -5366,17 +5342,17 @@ exports.scope = exports["default"] = void 0;
|
|
|
5366
5342
|
var _reactIntl = __webpack_require__(46407);
|
|
5367
5343
|
const scope = exports.scope = 'app.commonUtils.capUiLibrary.capDateTimePicker';
|
|
5368
5344
|
var _default = exports["default"] = (0, _reactIntl.defineMessages)({
|
|
5369
|
-
|
|
5370
|
-
id: scope + ".
|
|
5371
|
-
defaultMessage: 'Select date
|
|
5345
|
+
selectDateAndTime: {
|
|
5346
|
+
id: scope + ".selectDateAndTime",
|
|
5347
|
+
defaultMessage: 'Select date & time'
|
|
5372
5348
|
},
|
|
5373
|
-
|
|
5374
|
-
id: scope + ".
|
|
5349
|
+
selectButton: {
|
|
5350
|
+
id: scope + ".selectButton",
|
|
5375
5351
|
defaultMessage: 'Select'
|
|
5376
5352
|
},
|
|
5377
|
-
|
|
5378
|
-
id: scope + ".
|
|
5379
|
-
defaultMessage: '
|
|
5353
|
+
selectDateTimePlaceHolder: {
|
|
5354
|
+
id: scope + ".selectDateTimePlaceHolder",
|
|
5355
|
+
defaultMessage: 'Select date | time'
|
|
5380
5356
|
}
|
|
5381
5357
|
});
|
|
5382
5358
|
|
|
@@ -7824,11 +7800,24 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
|
|
|
7824
7800
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
|
|
7825
7801
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
|
|
7826
7802
|
// Module
|
|
7827
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.cap-date-time-picker__calendar-icon{color:#091e42}.cap-date-time-
|
|
7803
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.cap-date-time-picker__calendar-icon{color:#091e42}.cap-date-time-picker .ant-calendar-picker-input:hover,.cap-date-time-picker .ant-calendar-picker-input:focus{border-color:#dfe2e7 !important;box-shadow:none !important}.cap-date-time-picker:hover .ant-calendar-picker-input{border-color:#dfe2e7 !important;box-shadow:none !important}.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn,.calendar-popup .ant-calendar-ok-btn{order:0}.cap-date-time-picker .calendar-popup .ant-calendar-today-btn,.calendar-popup .ant-calendar-today-btn{order:1}.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-btn,.calendar-popup .ant-calendar-time-picker-btn{order:2}.cap-date-time-picker .calendar-popup .ant-calendar-today .ant-calendar-date,.calendar-popup .ant-calendar-today .ant-calendar-date{border-radius:50%;color:#1890ff;border-color:#1890ff;font-weight:500}.cap-date-time-picker .calendar-popup .ant-calendar-date:hover,.calendar-popup .ant-calendar-date:hover{background:#1890ff;border-color:#1890ff;color:#fff;border-radius:50%}.cap-date-time-picker .calendar-popup .ant-calendar-selected-day .ant-calendar-date,.calendar-popup .ant-calendar-selected-day .ant-calendar-date{background:#1890ff;border-color:#1890ff;color:#fff;border-radius:50%}.cap-date-time-picker .calendar-popup .ant-calendar-selected-day.ant-calendar-today .ant-calendar-date,.calendar-popup .ant-calendar-selected-day.ant-calendar-today .ant-calendar-date{background:#1890ff !important;border-color:#1890ff !important;color:#fff !important}.cap-date-time-picker .calendar-popup .ant-calendar-footer,.calendar-popup .ant-calendar-footer{padding:.857rem 1.142rem;border-top:.063rem solid #ebecf0;min-width:0}.cap-date-time-picker .calendar-popup .ant-calendar-footer-btn,.calendar-popup .ant-calendar-footer-btn{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:1.142rem;flex-wrap:nowrap;white-space:nowrap;min-width:0}.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn,.calendar-popup .ant-calendar-ok-btn{font-size:0 !important;background:#47af46;border:none;border-radius:.285rem;padding:0 2rem;height:2.285rem;line-height:2.285rem;font-weight:500;color:#fff;flex-shrink:0;white-space:nowrap}.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn::after,.calendar-popup .ant-calendar-ok-btn::after{content:"Select";font-size:1rem}.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn:not(.ant-calendar-ok-btn-disabled):not([disabled]):hover,.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn:not(.ant-calendar-ok-btn-disabled):not([disabled]):focus,.calendar-popup .ant-calendar-ok-btn:not(.ant-calendar-ok-btn-disabled):not([disabled]):hover,.calendar-popup .ant-calendar-ok-btn:not(.ant-calendar-ok-btn-disabled):not([disabled]):focus{background:#47af46;color:#fff;box-shadow:none}.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn-disabled,.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn[disabled],.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn-disabled:hover,.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn-disabled:focus,.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn[disabled]:hover,.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn[disabled]:focus,.calendar-popup .ant-calendar-ok-btn-disabled,.calendar-popup .ant-calendar-ok-btn[disabled],.calendar-popup .ant-calendar-ok-btn-disabled:hover,.calendar-popup .ant-calendar-ok-btn-disabled:focus,.calendar-popup .ant-calendar-ok-btn[disabled]:hover,.calendar-popup .ant-calendar-ok-btn[disabled]:focus{background:#a1d8a0 !important;color:#fff !important;cursor:not-allowed;box-shadow:none !important}.cap-date-time-picker .calendar-popup .ant-calendar-today-btn,.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-btn,.calendar-popup .ant-calendar-today-btn,.calendar-popup .ant-calendar-time-picker-btn{background:rgba(0,0,0,0);border:none;margin:0 !important;padding:0;height:2.285rem;line-height:2.285rem;display:inline-flex;align-items:center;font-size:1rem;font-weight:500;color:#2466ea;flex-shrink:0;white-space:nowrap}.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-btn-disabled,.calendar-popup .ant-calendar-time-picker-btn-disabled{color:#c2c2c2 !important;cursor:not-allowed}.cap-date-time-picker .calendar-popup .ant-calendar-today-btn,.calendar-popup .ant-calendar-today-btn{font-size:0 !important}.cap-date-time-picker .calendar-popup .ant-calendar-today-btn::after,.calendar-popup .ant-calendar-today-btn::after{content:"Today";font-size:1rem}.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-btn,.calendar-popup .ant-calendar-time-picker-btn{font-size:0 !important}.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-btn::after,.calendar-popup .ant-calendar-time-picker-btn::after{content:"Select time";font-size:1rem}.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-cell-selected,.calendar-popup .ant-calendar-time-picker-cell-selected{background:#e9f0fe;font-weight:500}`, ""]);
|
|
7828
7804
|
// Exports
|
|
7829
7805
|
___CSS_LOADER_EXPORT___.locals = {
|
|
7830
7806
|
"cap-date-time-picker__calendar-icon": `cap-date-time-picker__calendar-icon`,
|
|
7831
|
-
"cap-date-time-
|
|
7807
|
+
"cap-date-time-picker": `cap-date-time-picker`,
|
|
7808
|
+
"ant-calendar-picker-input": `ant-calendar-picker-input`,
|
|
7809
|
+
"calendar-popup": `calendar-popup`,
|
|
7810
|
+
"ant-calendar-ok-btn": `ant-calendar-ok-btn`,
|
|
7811
|
+
"ant-calendar-today-btn": `ant-calendar-today-btn`,
|
|
7812
|
+
"ant-calendar-time-picker-btn": `ant-calendar-time-picker-btn`,
|
|
7813
|
+
"ant-calendar-today": `ant-calendar-today`,
|
|
7814
|
+
"ant-calendar-date": `ant-calendar-date`,
|
|
7815
|
+
"ant-calendar-selected-day": `ant-calendar-selected-day`,
|
|
7816
|
+
"ant-calendar-footer": `ant-calendar-footer`,
|
|
7817
|
+
"ant-calendar-footer-btn": `ant-calendar-footer-btn`,
|
|
7818
|
+
"ant-calendar-ok-btn-disabled": `ant-calendar-ok-btn-disabled`,
|
|
7819
|
+
"ant-calendar-time-picker-btn-disabled": `ant-calendar-time-picker-btn-disabled`,
|
|
7820
|
+
"ant-calendar-time-picker-cell-selected": `ant-calendar-time-picker-cell-selected`
|
|
7832
7821
|
};
|
|
7833
7822
|
module.exports = ___CSS_LOADER_EXPORT___;
|
|
7834
7823
|
|
|
@@ -11263,6 +11252,14 @@ var _default = exports["default"] = SvgWechatOutline;
|
|
|
11263
11252
|
|
|
11264
11253
|
/***/ }),
|
|
11265
11254
|
|
|
11255
|
+
/***/ 61545:
|
|
11256
|
+
/***/ ((module) => {
|
|
11257
|
+
|
|
11258
|
+
"use strict";
|
|
11259
|
+
module.exports = require("antd/lib/date-picker/style/css");
|
|
11260
|
+
|
|
11261
|
+
/***/ }),
|
|
11262
|
+
|
|
11266
11263
|
/***/ 61779:
|
|
11267
11264
|
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
11268
11265
|
|
|
@@ -11588,14 +11585,6 @@ var _default = exports["default"] = SvgDisneyHotstar;
|
|
|
11588
11585
|
|
|
11589
11586
|
/***/ }),
|
|
11590
11587
|
|
|
11591
|
-
/***/ 64273:
|
|
11592
|
-
/***/ ((module) => {
|
|
11593
|
-
|
|
11594
|
-
"use strict";
|
|
11595
|
-
module.exports = require("antd-v5");
|
|
11596
|
-
|
|
11597
|
-
/***/ }),
|
|
11598
|
-
|
|
11599
11588
|
/***/ 64284:
|
|
11600
11589
|
/***/ ((module) => {
|
|
11601
11590
|
|
|
@@ -16487,6 +16476,14 @@ module.exports = require("dayjs/plugin/advancedFormat");
|
|
|
16487
16476
|
|
|
16488
16477
|
/***/ }),
|
|
16489
16478
|
|
|
16479
|
+
/***/ 97185:
|
|
16480
|
+
/***/ ((module) => {
|
|
16481
|
+
|
|
16482
|
+
"use strict";
|
|
16483
|
+
module.exports = require("antd");
|
|
16484
|
+
|
|
16485
|
+
/***/ }),
|
|
16486
|
+
|
|
16490
16487
|
/***/ 97849:
|
|
16491
16488
|
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
16492
16489
|
|
|
@@ -16732,70 +16729,44 @@ var exports = __webpack_exports__;
|
|
|
16732
16729
|
|
|
16733
16730
|
exports.__esModule = true;
|
|
16734
16731
|
exports["default"] = void 0;
|
|
16735
|
-
var
|
|
16732
|
+
var _antd = __webpack_require__(97185);
|
|
16733
|
+
__webpack_require__(61545);
|
|
16736
16734
|
var _classnames = _interopRequireDefault(__webpack_require__(46942));
|
|
16735
|
+
var _propTypes = _interopRequireDefault(__webpack_require__(43363));
|
|
16737
16736
|
var _react = _interopRequireWildcard(__webpack_require__(9206));
|
|
16738
16737
|
var _reactIntl = __webpack_require__(46407);
|
|
16739
16738
|
var _dayjs = _interopRequireWildcard(__webpack_require__(25549));
|
|
16740
16739
|
var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
|
|
16741
|
-
var _logDeprecationWarning = _interopRequireDefault(__webpack_require__(19224));
|
|
16742
16740
|
var _messages = _interopRequireDefault(__webpack_require__(32528));
|
|
16743
|
-
|
|
16741
|
+
__webpack_require__(2580);
|
|
16744
16742
|
var _jsxRuntime = __webpack_require__(74848);
|
|
16745
|
-
const _excluded = ["intl", "className", "value", "onChange", "
|
|
16746
|
-
/**
|
|
16747
|
-
*
|
|
16748
|
-
* CapDateTimePicker
|
|
16749
|
-
*
|
|
16750
|
-
*/
|
|
16743
|
+
const _excluded = ["intl", "className", "value", "onChange", "dateRender", "showTime", "format", "placeholder", "timezone", "disabledTime", "renderExtraFooter", "showToday", "onOk", "onPanelChange"];
|
|
16751
16744
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16752
16745
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16753
16746
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16754
16747
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
16755
16748
|
const clsPrefix = 'cap-date-time-picker';
|
|
16756
16749
|
const CapDateTimePicker = _ref => {
|
|
16757
|
-
var _ref2;
|
|
16758
16750
|
let {
|
|
16759
16751
|
intl: {
|
|
16760
16752
|
formatMessage
|
|
16761
16753
|
},
|
|
16762
|
-
className
|
|
16763
|
-
value
|
|
16764
|
-
onChange
|
|
16765
|
-
cellRender,
|
|
16754
|
+
className,
|
|
16755
|
+
value,
|
|
16756
|
+
onChange,
|
|
16766
16757
|
dateRender,
|
|
16767
|
-
showTime
|
|
16768
|
-
|
|
16769
|
-
|
|
16770
|
-
|
|
16771
|
-
placeholder = '',
|
|
16772
|
-
timezone = _dayjs.DEFAULT_TIMEZONE,
|
|
16758
|
+
showTime,
|
|
16759
|
+
format,
|
|
16760
|
+
placeholder,
|
|
16761
|
+
timezone,
|
|
16773
16762
|
disabledTime,
|
|
16774
16763
|
renderExtraFooter,
|
|
16775
16764
|
showToday,
|
|
16776
16765
|
onOk,
|
|
16777
|
-
onPanelChange
|
|
16778
|
-
popupClassName,
|
|
16779
|
-
dropdownClassName,
|
|
16780
|
-
popupStyle,
|
|
16781
|
-
dropdownStyle,
|
|
16782
|
-
getPopupContainer,
|
|
16783
|
-
getCalendarContainer,
|
|
16784
|
-
popupOpen,
|
|
16785
|
-
open: openProp,
|
|
16786
|
-
onPopupOpenChange,
|
|
16787
|
-
onOpenChange
|
|
16766
|
+
onPanelChange
|
|
16788
16767
|
} = _ref,
|
|
16789
16768
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
16790
|
-
(0,
|
|
16791
|
-
(0, _logDeprecationWarning.default)('CapDateTimePicker', 'dropdownClassName', dropdownClassName, 'popupClassName');
|
|
16792
|
-
(0, _logDeprecationWarning.default)('CapDateTimePicker', 'dropdownStyle', dropdownStyle, 'popupStyle');
|
|
16793
|
-
(0, _logDeprecationWarning.default)('CapDateTimePicker', 'getCalendarContainer', getCalendarContainer, 'getPopupContainer');
|
|
16794
|
-
(0, _logDeprecationWarning.default)('CapDateTimePicker', 'open', openProp, 'popupOpen');
|
|
16795
|
-
(0, _logDeprecationWarning.default)('CapDateTimePicker', 'onOpenChange', onOpenChange, 'onPopupOpenChange');
|
|
16796
|
-
(0, _logDeprecationWarning.default)('CapDateTimePicker', 'showToday', showToday, 'N/A (handled internally)');
|
|
16797
|
-
(0, _logDeprecationWarning.default)('CapDateTimePicker', 'renderExtraFooter', renderExtraFooter, 'custom panel components');
|
|
16798
|
-
const [isPickerOpen, setIsPickerOpen] = (0, _react.useState)(false);
|
|
16769
|
+
const [open, setOpen] = (0, _react.useState)(false);
|
|
16799
16770
|
const skipNextCloseRef = (0, _react.useRef)(false);
|
|
16800
16771
|
|
|
16801
16772
|
// Detect if consumer is using moment
|
|
@@ -16830,22 +16801,19 @@ const CapDateTimePicker = _ref => {
|
|
|
16830
16801
|
|
|
16831
16802
|
// Handle calendar change
|
|
16832
16803
|
const handleChange = (newValue, dateString) => {
|
|
16833
|
-
if (Array.isArray(newValue) || Array.isArray(dateString)) return;
|
|
16834
16804
|
const parsedValue = parseDateTime(newValue);
|
|
16835
16805
|
|
|
16836
16806
|
// Return the same type the consumer passed in
|
|
16837
16807
|
const result = (0, _dayjs.normalizeDateValue)(isConsumerUsingMoment, parsedValue);
|
|
16838
|
-
onChange(result
|
|
16808
|
+
onChange(result, dateString);
|
|
16839
16809
|
};
|
|
16840
16810
|
const handleOpenChange = nextOpen => {
|
|
16841
|
-
|
|
16842
|
-
onPopupOpenChange == null || onPopupOpenChange(nextOpen);
|
|
16843
|
-
onOpenChange == null || onOpenChange(nextOpen);
|
|
16811
|
+
setOpen(nextOpen);
|
|
16844
16812
|
};
|
|
16845
|
-
const handleOk =
|
|
16813
|
+
const handleOk = () => {
|
|
16846
16814
|
skipNextCloseRef.current = false;
|
|
16847
|
-
|
|
16848
|
-
onOk == null || onOk(
|
|
16815
|
+
setOpen(false);
|
|
16816
|
+
onOk == null || onOk();
|
|
16849
16817
|
};
|
|
16850
16818
|
|
|
16851
16819
|
// Get the current value in the correct timezone
|
|
@@ -16853,31 +16821,17 @@ const CapDateTimePicker = _ref => {
|
|
|
16853
16821
|
if (!value) return null;
|
|
16854
16822
|
return parseDateTime(value);
|
|
16855
16823
|
}, [value, timezone]);
|
|
16856
|
-
|
|
16857
|
-
// Backward compatibility: map deprecated props to new props
|
|
16858
|
-
const finalPopupClassName = (0, _classnames.default)(_styles.default[clsPrefix + "__calendar-popup"], popupClassName != null ? popupClassName : dropdownClassName);
|
|
16859
|
-
const labelVars = {
|
|
16860
|
-
'--cap-datetime-select-label': "'" + formatMessage(_messages.default.selectLabel) + "'",
|
|
16861
|
-
'--cap-datetime-today-label': "'" + formatMessage(_messages.default.todayLabel) + "'"
|
|
16862
|
-
};
|
|
16863
|
-
const finalPopupStyle = _extends({}, labelVars, popupStyle != null ? popupStyle : dropdownStyle);
|
|
16864
|
-
const finalGetPopupContainer = getPopupContainer != null ? getPopupContainer : getCalendarContainer;
|
|
16865
|
-
const finalOpen = (_ref2 = popupOpen != null ? popupOpen : openProp) != null ? _ref2 : isPickerOpen;
|
|
16866
|
-
|
|
16867
|
-
// Backward compatibility: map deprecated dateRender to cellRender
|
|
16868
|
-
const finalCellRender = cellRender != null ? cellRender : dateRender ? current => dateRender(current, todayDate) : undefined;
|
|
16869
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.DatePicker, _extends({
|
|
16824
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.DatePicker, _extends({
|
|
16870
16825
|
className: (0, _classnames.default)(clsPrefix, className),
|
|
16871
16826
|
showTime: showTimeConfig,
|
|
16872
16827
|
format: format,
|
|
16873
16828
|
placeholder: placeholder || formatMessage(_messages.default.selectDateTimePlaceHolder),
|
|
16874
16829
|
value: currentValue,
|
|
16875
16830
|
onChange: handleChange,
|
|
16876
|
-
|
|
16877
|
-
|
|
16878
|
-
|
|
16879
|
-
|
|
16880
|
-
open: finalOpen,
|
|
16831
|
+
dateRender: dateRender,
|
|
16832
|
+
okText: formatMessage(_messages.default.selectButton),
|
|
16833
|
+
dropdownClassName: "calendar-popup",
|
|
16834
|
+
open: open,
|
|
16881
16835
|
onOk: handleOk,
|
|
16882
16836
|
onOpenChange: handleOpenChange,
|
|
16883
16837
|
onPanelChange: onPanelChange,
|
|
@@ -16888,10 +16842,43 @@ const CapDateTimePicker = _ref => {
|
|
|
16888
16842
|
suffixIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
|
|
16889
16843
|
type: "calendar",
|
|
16890
16844
|
size: "m",
|
|
16891
|
-
className:
|
|
16845
|
+
className: clsPrefix + "__calendar-icon"
|
|
16892
16846
|
})
|
|
16893
16847
|
}, rest));
|
|
16894
16848
|
};
|
|
16849
|
+
|
|
16850
|
+
/* ── prop types & defaults ────────────────────────────────── */
|
|
16851
|
+
CapDateTimePicker.propTypes = {
|
|
16852
|
+
intl: _reactIntl.intlShape.isRequired,
|
|
16853
|
+
className: _propTypes.default.string,
|
|
16854
|
+
value: _propTypes.default.oneOfType([_propTypes.default.object,
|
|
16855
|
+
// Moment or dayjs
|
|
16856
|
+
_propTypes.default.string // ISO date
|
|
16857
|
+
]),
|
|
16858
|
+
onChange: _propTypes.default.func,
|
|
16859
|
+
dateRender: _propTypes.default.func,
|
|
16860
|
+
showTime: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
|
|
16861
|
+
format: _propTypes.default.string,
|
|
16862
|
+
placeholder: _propTypes.default.string,
|
|
16863
|
+
timezone: _propTypes.default.string,
|
|
16864
|
+
disabledTime: _propTypes.default.func,
|
|
16865
|
+
renderExtraFooter: _propTypes.default.func,
|
|
16866
|
+
showToday: _propTypes.default.bool,
|
|
16867
|
+
onOk: _propTypes.default.func,
|
|
16868
|
+
onPanelChange: _propTypes.default.func
|
|
16869
|
+
};
|
|
16870
|
+
CapDateTimePicker.defaultProps = {
|
|
16871
|
+
className: '',
|
|
16872
|
+
value: null,
|
|
16873
|
+
onChange: () => {},
|
|
16874
|
+
showTime: {
|
|
16875
|
+
format: 'HH:mm'
|
|
16876
|
+
},
|
|
16877
|
+
format: 'DD-MM-YYYY | HH:mm',
|
|
16878
|
+
placeholder: '',
|
|
16879
|
+
timezone: 'Asia/Kolkata',
|
|
16880
|
+
showToday: true
|
|
16881
|
+
};
|
|
16895
16882
|
var _default = exports["default"] = (0, _reactIntl.injectIntl)(CapDateTimePicker);
|
|
16896
16883
|
})();
|
|
16897
16884
|
|