@citruslime/ui 4.1.0-beta.23 → 4.1.0-beta.25

package/dist/citrus-lime-ui.es.js

@@ -4215,12 +4215,21 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         return result;
       },
       set(value) {
-        if (props.type === "time") {
-          model.value = value;
-        } else if (value !== null) {
-          model.value = convertDateToIsoString(value, null, false, props.timeZone);
+        if (!props.required && calendar.value?.inputValue && !value && model.value) {
+          calendar.value.updateValue(model.value, {
+            clearIfEqual: false,
+            formatInput: true,
+            hidePopover: true,
+            moveToValue: true
+          });
         } else {
-          model.value = null;
+          if (props.type === "time") {
+            model.value = value;
+          } else if (value !== null) {
+            model.value = convertDateToIsoString(value, null, false, props.timeZone);
+          } else {
+            model.value = null;
+          }
         }
       }
     });
@@ -5409,6 +5418,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const dateFormatLocale = inject(gridDateFormatLocaleOverride);
     const { t: t2, locale: locale2 } = useI18n();
     function getDefaultFilterOperation() {
       return isListColumn.value && props.column.listMode === "multi" ? FilterOperation.OR_EQUAL : props.column.type === "string" || props.column.slotType === "string" ? FilterOperation.CONTAINS : props.column.type === "datetime" || props.column.slotType === "datetime" || props.column.type === "date" || props.column.slotType === "date" ? FilterOperation.LESS_THAN : FilterOperation.EQUAL;
@@ -5801,13 +5811,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             id: `${unref(gridId)}-${_ctx.column.name}`,
             "model-value": currentDateFilterValue.value,
             "time-zone": _ctx.timeZone,
+            "date-format-locale": unref(dateFormatLocale),
             type: _ctx.column.type === "slot" ? _ctx.column.slotType : _ctx.column.type,
             class: "cl:border-none cl:h-[2rem]! cl:lg:text-base! cl:mb-0 cl:pb-1 cl:text-xs cl:w-full readonly-filter",
             readonly: _ctx.loading,
             "popover-placement": "bottom-start",
             placeholder: "",
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => setFilter(null, $event ?? ""))
-          }, null, 8, ["id", "model-value", "time-zone", "type", "readonly"])
+          }, null, 8, ["id", "model-value", "time-zone", "date-format-locale", "type", "readonly"])
         ])) : isDateRangeColumn.value ? (openBlock(), createElementBlock("div", {
           key: 2,
           class: "cl:w-full",
@@ -5820,9 +5831,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             "time-zone": _ctx.headerDisplayTimezone,
             "quick-date-scope": _ctx.quickDateScope,
             "manual-date-selection": true,
+            "date-format-locale": unref(dateFormatLocale),
             "popover-placement": "bottom-start",
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => setDateRangeFilter($event))
-          }, null, 8, ["id", "model-value", "time-zone", "quick-date-scope"])
+          }, null, 8, ["id", "model-value", "time-zone", "quick-date-scope", "date-format-locale"])
         ], 8, _hoisted_2$o)) : _ctx.column.type === "number" || _ctx.column.type === "slot" && _ctx.column.slotType === "number" ? (openBlock(), createElementBlock("div", _hoisted_3$g, [
           createVNode(_sfc_main$U, {
             id: `${unref(gridId)}-${_ctx.column.name}`,
@@ -5904,7 +5916,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const clUiGridFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-c5ef8bbf"]]);
+const clUiGridFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-90f47059"]]);
 const _hoisted_1$y = { key: 1 };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "cl-ui-grid-filter",