@mantine-vue/dates 3.5.0 → 3.7.0
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/index.cjs +22 -1
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +22 -1
- package/esm/index.mjs.map +1 -1
- package/lib/components/PickerInputBase/PickerInputBase.vue.d.ts +2 -2
- package/lib/types.d.ts +4 -0
- package/package.json +3 -3
package/cjs/index.cjs
CHANGED
|
@@ -4310,6 +4310,8 @@ var InlineDateTimePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
4310
4310
|
},
|
|
4311
4311
|
submitButtonProps: {},
|
|
4312
4312
|
fullWidth: { type: Boolean },
|
|
4313
|
+
minDate: {},
|
|
4314
|
+
maxDate: {},
|
|
4313
4315
|
formattedValue: {},
|
|
4314
4316
|
dropdownOpened: { type: Boolean },
|
|
4315
4317
|
dropdownType: {},
|
|
@@ -4344,6 +4346,8 @@ var InlineDateTimePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
4344
4346
|
});
|
|
4345
4347
|
const date = (0, vue.computed)(() => value.value ? (0, dayjs.default)(value.value).format("YYYY-MM-DD") : null);
|
|
4346
4348
|
const time = (0, vue.computed)(() => value.value ? (0, dayjs.default)(value.value).format(props.withSeconds ? "HH:mm:ss" : "HH:mm") : "");
|
|
4349
|
+
const minTime = (0, vue.computed)(() => value.value && props.minDate && (0, dayjs.default)(value.value).isSame(props.minDate, "day") ? (0, dayjs.default)(props.minDate).format("HH:mm:ss") : void 0);
|
|
4350
|
+
const maxTime = (0, vue.computed)(() => value.value && props.maxDate && (0, dayjs.default)(value.value).isSame(props.maxDate, "day") ? (0, dayjs.default)(props.maxDate).format("HH:mm:ss") : void 0);
|
|
4347
4351
|
const forwardedHoursRef = { value: null };
|
|
4348
4352
|
function updateDate(next) {
|
|
4349
4353
|
if (!next || Array.isArray(next)) return;
|
|
@@ -4361,16 +4365,27 @@ var InlineDateTimePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
4361
4365
|
return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)((0, vue.unref)(attrs), { class: [(0, vue.unref)(Dates_module_default).dateTimePicker, (0, vue.unref)(attrs).class] }), [(0, vue.createVNode)(DatePicker_default, {
|
|
4362
4366
|
"full-width": props.fullWidth,
|
|
4363
4367
|
"model-value": date.value,
|
|
4368
|
+
"min-date": props.minDate,
|
|
4369
|
+
"max-date": props.maxDate,
|
|
4364
4370
|
onChange: updateDate
|
|
4365
|
-
}, null, 8, [
|
|
4371
|
+
}, null, 8, [
|
|
4372
|
+
"full-width",
|
|
4373
|
+
"model-value",
|
|
4374
|
+
"min-date",
|
|
4375
|
+
"max-date"
|
|
4376
|
+
]), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(Dates_module_default).timeWrapper) }, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(Dates_module_default).timeInput) }, [(0, vue.createVNode)(TimePicker_default, {
|
|
4366
4377
|
"model-value": time.value,
|
|
4367
4378
|
"with-seconds": props.withSeconds,
|
|
4379
|
+
min: minTime.value,
|
|
4380
|
+
max: maxTime.value,
|
|
4368
4381
|
size: props.size,
|
|
4369
4382
|
"hours-ref": forwardedHoursRef,
|
|
4370
4383
|
onChange: updateTime
|
|
4371
4384
|
}, null, 8, [
|
|
4372
4385
|
"model-value",
|
|
4373
4386
|
"with-seconds",
|
|
4387
|
+
"min",
|
|
4388
|
+
"max",
|
|
4374
4389
|
"size"
|
|
4375
4390
|
])], 2), (0, vue.createVNode)((0, vue.unref)(_mantine_vue_core.ActionIcon), (0, vue.mergeProps)({
|
|
4376
4391
|
variant: "default",
|
|
@@ -4403,6 +4418,8 @@ var DateTimePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
4403
4418
|
},
|
|
4404
4419
|
submitButtonProps: {},
|
|
4405
4420
|
fullWidth: { type: Boolean },
|
|
4421
|
+
minDate: {},
|
|
4422
|
+
maxDate: {},
|
|
4406
4423
|
formattedValue: {},
|
|
4407
4424
|
dropdownOpened: { type: Boolean },
|
|
4408
4425
|
dropdownType: {},
|
|
@@ -4448,6 +4465,8 @@ var DateTimePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
4448
4465
|
}), {
|
|
4449
4466
|
default: (0, vue.withCtx)(({ close }) => [(0, vue.createVNode)(InlineDateTimePicker_default, {
|
|
4450
4467
|
"model-value": (0, vue.unref)(value),
|
|
4468
|
+
"min-date": props.minDate,
|
|
4469
|
+
"max-date": props.maxDate,
|
|
4451
4470
|
"with-seconds": props.withSeconds,
|
|
4452
4471
|
size: props.size,
|
|
4453
4472
|
"submit-button-props": props.submitButtonProps,
|
|
@@ -4456,6 +4475,8 @@ var DateTimePicker_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
|
4456
4475
|
onSubmit: close
|
|
4457
4476
|
}, null, 8, [
|
|
4458
4477
|
"model-value",
|
|
4478
|
+
"min-date",
|
|
4479
|
+
"max-date",
|
|
4459
4480
|
"with-seconds",
|
|
4460
4481
|
"size",
|
|
4461
4482
|
"submit-button-props",
|