@mantine-vue/dates 3.4.0 → 3.6.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/esm/index.mjs
CHANGED
|
@@ -4285,6 +4285,8 @@ var InlineDateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
4285
4285
|
},
|
|
4286
4286
|
submitButtonProps: {},
|
|
4287
4287
|
fullWidth: { type: Boolean },
|
|
4288
|
+
minDate: {},
|
|
4289
|
+
maxDate: {},
|
|
4288
4290
|
formattedValue: {},
|
|
4289
4291
|
dropdownOpened: { type: Boolean },
|
|
4290
4292
|
dropdownType: {},
|
|
@@ -4319,6 +4321,8 @@ var InlineDateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
4319
4321
|
});
|
|
4320
4322
|
const date = computed(() => value.value ? dayjs(value.value).format("YYYY-MM-DD") : null);
|
|
4321
4323
|
const time = computed(() => value.value ? dayjs(value.value).format(props.withSeconds ? "HH:mm:ss" : "HH:mm") : "");
|
|
4324
|
+
const minTime = computed(() => value.value && props.minDate && dayjs(value.value).isSame(props.minDate, "day") ? dayjs(props.minDate).format("HH:mm:ss") : void 0);
|
|
4325
|
+
const maxTime = computed(() => value.value && props.maxDate && dayjs(value.value).isSame(props.maxDate, "day") ? dayjs(props.maxDate).format("HH:mm:ss") : void 0);
|
|
4322
4326
|
const forwardedHoursRef = { value: null };
|
|
4323
4327
|
function updateDate(next) {
|
|
4324
4328
|
if (!next || Array.isArray(next)) return;
|
|
@@ -4336,16 +4340,27 @@ var InlineDateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
4336
4340
|
return openBlock(), createElementBlock("div", mergeProps(unref(attrs), { class: [unref(Dates_module_default).dateTimePicker, unref(attrs).class] }), [createVNode(DatePicker_default, {
|
|
4337
4341
|
"full-width": props.fullWidth,
|
|
4338
4342
|
"model-value": date.value,
|
|
4343
|
+
"min-date": props.minDate,
|
|
4344
|
+
"max-date": props.maxDate,
|
|
4339
4345
|
onChange: updateDate
|
|
4340
|
-
}, null, 8, [
|
|
4346
|
+
}, null, 8, [
|
|
4347
|
+
"full-width",
|
|
4348
|
+
"model-value",
|
|
4349
|
+
"min-date",
|
|
4350
|
+
"max-date"
|
|
4351
|
+
]), createElementVNode("div", { class: normalizeClass(unref(Dates_module_default).timeWrapper) }, [createElementVNode("div", { class: normalizeClass(unref(Dates_module_default).timeInput) }, [createVNode(TimePicker_default, {
|
|
4341
4352
|
"model-value": time.value,
|
|
4342
4353
|
"with-seconds": props.withSeconds,
|
|
4354
|
+
min: minTime.value,
|
|
4355
|
+
max: maxTime.value,
|
|
4343
4356
|
size: props.size,
|
|
4344
4357
|
"hours-ref": forwardedHoursRef,
|
|
4345
4358
|
onChange: updateTime
|
|
4346
4359
|
}, null, 8, [
|
|
4347
4360
|
"model-value",
|
|
4348
4361
|
"with-seconds",
|
|
4362
|
+
"min",
|
|
4363
|
+
"max",
|
|
4349
4364
|
"size"
|
|
4350
4365
|
])], 2), createVNode(unref(ActionIcon), mergeProps({
|
|
4351
4366
|
variant: "default",
|
|
@@ -4378,6 +4393,8 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
4378
4393
|
},
|
|
4379
4394
|
submitButtonProps: {},
|
|
4380
4395
|
fullWidth: { type: Boolean },
|
|
4396
|
+
minDate: {},
|
|
4397
|
+
maxDate: {},
|
|
4381
4398
|
formattedValue: {},
|
|
4382
4399
|
dropdownOpened: { type: Boolean },
|
|
4383
4400
|
dropdownType: {},
|
|
@@ -4423,6 +4440,8 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
4423
4440
|
}), {
|
|
4424
4441
|
default: withCtx(({ close }) => [createVNode(InlineDateTimePicker_default, {
|
|
4425
4442
|
"model-value": unref(value),
|
|
4443
|
+
"min-date": props.minDate,
|
|
4444
|
+
"max-date": props.maxDate,
|
|
4426
4445
|
"with-seconds": props.withSeconds,
|
|
4427
4446
|
size: props.size,
|
|
4428
4447
|
"submit-button-props": props.submitButtonProps,
|
|
@@ -4431,6 +4450,8 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
|
|
|
4431
4450
|
onSubmit: close
|
|
4432
4451
|
}, null, 8, [
|
|
4433
4452
|
"model-value",
|
|
4453
|
+
"min-date",
|
|
4454
|
+
"max-date",
|
|
4434
4455
|
"with-seconds",
|
|
4435
4456
|
"size",
|
|
4436
4457
|
"submit-button-props",
|