@idds/vue 1.5.3 → 1.5.6

package/dist/index.es.js

@@ -1723,8 +1723,8 @@ const _hoisted_11$a = {
   key: 2,
   class: "ina-card__media"
 };
-const _hoisted_12$8 = ["src", "alt"];
-const _hoisted_13$6 = {
+const _hoisted_12$9 = ["src", "alt"];
+const _hoisted_13$7 = {
   key: 3,
   class: "ina-card__media"
 };
@@ -1889,10 +1889,10 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
               key: 0,
               src: __props.mediaSrc,
               alt: __props.mediaAlt || "Card media"
-            }, null, 8, _hoisted_12$8)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_12$9)) : createCommentVNode("", true)
           ])
         ])) : createCommentVNode("", true),
-        __props.variant === "horizontal" && computedMediaPosition.value === "left" ? (openBlock(), createElementBlock("div", _hoisted_13$6, [
+        __props.variant === "horizontal" && computedMediaPosition.value === "left" ? (openBlock(), createElementBlock("div", _hoisted_13$7, [
           renderSlot(_ctx.$slots, "media", {}, () => [
             __props.mediaSrc ? (openBlock(), createElementBlock("img", {
               key: 0,
@@ -3477,11 +3477,11 @@ const _hoisted_8$c = { class: "ina-file-upload__description" };
 const _hoisted_9$9 = ["disabled"];
 const _hoisted_10$9 = { class: "ina-file-upload__files" };
 const _hoisted_11$9 = { class: "ina-file-upload__file-indicator" };
-const _hoisted_12$7 = {
+const _hoisted_12$8 = {
   key: 0,
   class: "ina-file-upload__file-icon-wrapper ina-file-upload__file-icon-wrapper--uploading"
 };
-const _hoisted_13$5 = {
+const _hoisted_13$6 = {
   key: 1,
   class: "ina-file-upload__file-icon-wrapper ina-file-upload__file-icon-wrapper--success"
 };
@@ -3792,12 +3792,12 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                 }])
               }, [
                 createElementVNode("div", _hoisted_11$9, [
-                  uploadedFile.status === "uploading" ? (openBlock(), createElementBlock("div", _hoisted_12$7, [
+                  uploadedFile.status === "uploading" ? (openBlock(), createElementBlock("div", _hoisted_12$8, [
                     createVNode(unref(IconLoader2), {
                       size: 20,
                       class: "ina-file-upload__file-icon--spinning"
                     })
-                  ])) : uploadedFile.status === "success" ? (openBlock(), createElementBlock("div", _hoisted_13$5, [
+                  ])) : uploadedFile.status === "success" ? (openBlock(), createElementBlock("div", _hoisted_13$6, [
                     createVNode(unref(IconCircleCheck), {
                       size: 20,
                       stroke: "2"
@@ -4762,7 +4762,7 @@ const _hoisted_10$8 = {
   class: "ina-pagination__page-size-container"
 };
 const _hoisted_11$8 = ["value", "disabled"];
-const _hoisted_12$6 = ["value"];
+const _hoisted_12$7 = ["value"];
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "Pagination",
   props: {
@@ -5013,7 +5013,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock("option", {
                 key: `${opt}-${index2}`,
                 value: opt
-              }, toDisplayString(opt), 9, _hoisted_12$6);
+              }, toDisplayString(opt), 9, _hoisted_12$7);
             }), 128))
           ], 42, _hoisted_11$8)
         ])) : createCommentVNode("", true)
@@ -5491,8 +5491,8 @@ const _hoisted_8$7 = {
 const _hoisted_9$6 = { class: "ina-phone-input__country-search" };
 const _hoisted_10$6 = { class: "ina-phone-input__country-list" };
 const _hoisted_11$6 = ["onClick"];
-const _hoisted_12$5 = { class: "ina-phone-input__country-flag" };
-const _hoisted_13$4 = { class: "ina-phone-input__country-name" };
+const _hoisted_12$6 = { class: "ina-phone-input__country-flag" };
+const _hoisted_13$5 = { class: "ina-phone-input__country-name" };
 const _hoisted_14$3 = { class: "ina-phone-input__country-dial-code" };
 const _hoisted_15$3 = ["id", "placeholder", "disabled", "readonly"];
 const _hoisted_16$2 = { key: 1 };
@@ -5737,8 +5737,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                         class: normalizeClass(getCountryClasses(country)),
                         onClick: ($event) => selectCountry(country)
                       }, [
-                        createElementVNode("span", _hoisted_12$5, toDisplayString(country.flag), 1),
-                        createElementVNode("span", _hoisted_13$4, toDisplayString(country.name), 1),
+                        createElementVNode("span", _hoisted_12$6, toDisplayString(country.flag), 1),
+                        createElementVNode("span", _hoisted_13$5, toDisplayString(country.name), 1),
                         createElementVNode("span", _hoisted_14$3, toDisplayString(country.dialCode), 1)
                       ], 10, _hoisted_11$6);
                     }), 128))
@@ -6008,7 +6008,7 @@ const _hoisted_8$6 = ["disabled"];
 const _hoisted_9$5 = { class: "ina-year-picker__decade-range" };
 const _hoisted_10$5 = ["disabled"];
 const _hoisted_11$5 = { class: "ina-year-picker__grid" };
-const _hoisted_12$4 = ["disabled", "onClick", "onMouseenter"];
+const _hoisted_12$5 = ["disabled", "onClick", "onMouseenter"];
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "YearPicker",
   props: {
@@ -6371,7 +6371,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                       onClick: ($event) => selectYear(year),
                       onMouseenter: ($event) => !props.disabled && (hoveredYear.value = year),
                       onMouseleave: _cache[0] || (_cache[0] = ($event) => hoveredYear.value = null)
-                    }, toDisplayString(year), 43, _hoisted_12$4);
+                    }, toDisplayString(year), 43, _hoisted_12$5);
                   }), 128))
                 ])
               ], 6)) : createCommentVNode("", true)
@@ -6389,38 +6389,39 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 });
 const YearPicker = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-6e7c1cdf"]]);
 const _hoisted_1$g = ["for"];
-const _hoisted_2$g = {
-  key: 0,
+const _hoisted_2$g = { key: 1 };
+const _hoisted_3$e = {
+  key: 2,
   class: "ina-date-picker__required"
 };
-const _hoisted_3$e = ["id", "disabled"];
-const _hoisted_4$a = {
+const _hoisted_4$a = ["id", "disabled"];
+const _hoisted_5$9 = {
   key: 0,
   class: "ina-date-picker__calendar-container"
 };
-const _hoisted_5$9 = { class: "ina-date-picker__calendar-header" };
-const _hoisted_6$7 = { class: "ina-date-picker__header-controls" };
-const _hoisted_7$7 = { class: "ina-date-picker__dropdown-container" };
+const _hoisted_6$7 = { class: "ina-date-picker__calendar-header" };
+const _hoisted_7$7 = { class: "ina-date-picker__header-controls" };
 const _hoisted_8$5 = { class: "ina-date-picker__dropdown-container" };
-const _hoisted_9$4 = { class: "ina-date-picker__calendar-grid" };
-const _hoisted_10$4 = ["disabled", "onClick"];
-const _hoisted_11$4 = { class: "ina-date-picker__day-number" };
-const _hoisted_12$3 = { class: "ina-date-picker__calendar-container" };
-const _hoisted_13$3 = { class: "ina-date-picker__calendar-header" };
-const _hoisted_14$2 = { class: "ina-date-picker__header-controls" };
-const _hoisted_15$2 = { class: "ina-date-picker__dropdown-container" };
+const _hoisted_9$4 = { class: "ina-date-picker__dropdown-container" };
+const _hoisted_10$4 = { class: "ina-date-picker__calendar-grid" };
+const _hoisted_11$4 = ["disabled", "onClick"];
+const _hoisted_12$4 = { class: "ina-date-picker__day-number" };
+const _hoisted_13$4 = { class: "ina-date-picker__calendar-container" };
+const _hoisted_14$2 = { class: "ina-date-picker__calendar-header" };
+const _hoisted_15$2 = { class: "ina-date-picker__header-controls" };
 const _hoisted_16$1 = { class: "ina-date-picker__dropdown-container" };
-const _hoisted_17$1 = { class: "ina-date-picker__calendar-grid" };
-const _hoisted_18$1 = ["disabled", "onClick"];
-const _hoisted_19$1 = { class: "ina-date-picker__day-number" };
-const _hoisted_20$1 = { class: "ina-date-picker__calendar" };
-const _hoisted_21$1 = { class: "ina-date-picker__next-month-header" };
-const _hoisted_22 = { class: "ina-date-picker__next-month-controls" };
-const _hoisted_23 = { class: "ina-date-picker__dropdown-container" };
+const _hoisted_17$1 = { class: "ina-date-picker__dropdown-container" };
+const _hoisted_18$1 = { class: "ina-date-picker__calendar-grid" };
+const _hoisted_19$1 = ["disabled", "onClick"];
+const _hoisted_20$1 = { class: "ina-date-picker__day-number" };
+const _hoisted_21$1 = { class: "ina-date-picker__calendar" };
+const _hoisted_22 = { class: "ina-date-picker__next-month-header" };
+const _hoisted_23 = { class: "ina-date-picker__next-month-controls" };
 const _hoisted_24 = { class: "ina-date-picker__dropdown-container" };
-const _hoisted_25 = { class: "ina-date-picker__calendar-grid" };
-const _hoisted_26 = ["disabled", "onClick"];
-const _hoisted_27 = { class: "ina-date-picker__day-number" };
+const _hoisted_25 = { class: "ina-date-picker__dropdown-container" };
+const _hoisted_26 = { class: "ina-date-picker__calendar-grid" };
+const _hoisted_27 = ["disabled", "onClick"];
+const _hoisted_28 = { class: "ina-date-picker__day-number" };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
@@ -6540,6 +6541,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         selectedDisplay.value ? "ina-date-picker__trigger-text--value" : "ina-date-picker__trigger-text--placeholder"
       );
     });
+    const labelComponent = computed(() => {
+      if (!props.label) return null;
+      if (typeof props.label === "string") return null;
+      return props.label;
+    });
     const validatedTriggerWidth = ref(props.triggerWidth);
     const validateTriggerWidth = () => {
       var _a;
@@ -7199,8 +7205,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           for: triggerId.value,
           class: "ina-date-picker__label"
         }, [
-          createTextVNode(toDisplayString(__props.label) + " ", 1),
-          __props.required ? (openBlock(), createElementBlock("span", _hoisted_2$g, "*")) : createCommentVNode("", true)
+          labelComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(labelComponent.value), { key: 0 })) : __props.label && typeof __props.label === "string" ? (openBlock(), createElementBlock("span", _hoisted_2$g, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_3$e, "*")) : createCommentVNode("", true)
         ], 8, _hoisted_1$g)) : createCommentVNode("", true),
         createElementVNode("button", {
           id: triggerId.value,
@@ -7231,7 +7237,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               class: "ina-date-picker__clear-icon"
             })
           ])) : createCommentVNode("", true)
-        ], 46, _hoisted_3$e),
+        ], 46, _hoisted_4$a),
         isOpen.value && !__props.disabled && !__props.readonly ? (openBlock(), createElementBlock("div", {
           key: 1,
           ref_key: "panelRef",
@@ -7242,8 +7248,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(panelContentClasses.value)
           }, [
-            __props.mode === "single" ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
-              createElementVNode("div", _hoisted_5$9, [
+            __props.mode === "single" ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
+              createElementVNode("div", _hoisted_6$7, [
                 createElementVNode("button", {
                   type: "button",
                   class: "ina-date-picker__nav-button",
@@ -7254,8 +7260,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     class: "ina-date-picker__nav-icon"
                   })
                 ]),
-                createElementVNode("div", _hoisted_6$7, [
-                  createElementVNode("div", _hoisted_7$7, [
+                createElementVNode("div", _hoisted_7$7, [
+                  createElementVNode("div", _hoisted_8$5, [
                     createVNode(MonthPicker, {
                       "model-value": currentMonth.value,
                       disabled: __props.disabled,
@@ -7264,7 +7270,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                       "onUpdate:modelValue": handleMonthChange
                     }, null, 8, ["model-value", "disabled", "readonly"])
                   ]),
-                  createElementVNode("div", _hoisted_8$5, [
+                  createElementVNode("div", _hoisted_9$4, [
                     createVNode(YearPicker, {
                       "model-value": currentYear.value,
                       "min-year": 1900,
@@ -7288,7 +7294,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   })
                 ])
               ]),
-              createElementVNode("div", _hoisted_9$4, [
+              createElementVNode("div", _hoisted_10$4, [
                 (openBlock(), createElementBlock(Fragment, null, renderList(dayNames, (day) => {
                   return createElementVNode("div", {
                     key: `h-${day}`,
@@ -7303,13 +7309,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     disabled: isDayDisabled(day.date),
                     onClick: ($event) => selectDay(day)
                   }, [
-                    createElementVNode("span", _hoisted_11$4, toDisplayString(day.date.getDate()), 1)
-                  ], 10, _hoisted_10$4);
+                    createElementVNode("span", _hoisted_12$4, toDisplayString(day.date.getDate()), 1)
+                  ], 10, _hoisted_11$4);
                 }), 128))
               ])
             ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createElementVNode("div", _hoisted_12$3, [
-                createElementVNode("div", _hoisted_13$3, [
+              createElementVNode("div", _hoisted_13$4, [
+                createElementVNode("div", _hoisted_14$2, [
                   createElementVNode("button", {
                     type: "button",
                     class: "ina-date-picker__nav-button",
@@ -7320,8 +7326,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                       class: "ina-date-picker__nav-icon"
                     })
                   ]),
-                  createElementVNode("div", _hoisted_14$2, [
-                    createElementVNode("div", _hoisted_15$2, [
+                  createElementVNode("div", _hoisted_15$2, [
+                    createElementVNode("div", _hoisted_16$1, [
                       createVNode(MonthPicker, {
                         "model-value": currentMonth.value,
                         disabled: __props.disabled,
@@ -7330,7 +7336,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": handleMonthChange
                       }, null, 8, ["model-value", "disabled", "readonly"])
                     ]),
-                    createElementVNode("div", _hoisted_16$1, [
+                    createElementVNode("div", _hoisted_17$1, [
                       createVNode(YearPicker, {
                         "model-value": currentYear.value,
                         "min-year": 1900,
@@ -7354,7 +7360,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     })
                   ])
                 ]),
-                createElementVNode("div", _hoisted_17$1, [
+                createElementVNode("div", _hoisted_18$1, [
                   (openBlock(), createElementBlock(Fragment, null, renderList(dayNames, (day) => {
                     return createElementVNode("div", {
                       key: `lh-${day}`,
@@ -7369,13 +7375,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                       disabled: isDayDisabled(day.date),
                       onClick: ($event) => selectDay(day)
                     }, [
-                      createElementVNode("span", _hoisted_19$1, toDisplayString(day.date.getDate()), 1)
-                    ], 10, _hoisted_18$1);
+                      createElementVNode("span", _hoisted_20$1, toDisplayString(day.date.getDate()), 1)
+                    ], 10, _hoisted_19$1);
                   }), 128))
                 ])
               ]),
-              createElementVNode("div", _hoisted_20$1, [
-                createElementVNode("div", _hoisted_21$1, [
+              createElementVNode("div", _hoisted_21$1, [
+                createElementVNode("div", _hoisted_22, [
                   createElementVNode("button", {
                     type: "button",
                     class: "ina-date-picker__nav-button",
@@ -7386,8 +7392,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                       class: "ina-date-picker__nav-icon"
                     })
                   ]),
-                  createElementVNode("div", _hoisted_22, [
-                    createElementVNode("div", _hoisted_23, [
+                  createElementVNode("div", _hoisted_23, [
+                    createElementVNode("div", _hoisted_24, [
                       createVNode(MonthPicker, {
                         "model-value": nextMonth.value,
                         disabled: __props.disabled,
@@ -7396,7 +7402,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": handleNextMonthChange
                       }, null, 8, ["model-value", "disabled", "readonly"])
                     ]),
-                    createElementVNode("div", _hoisted_24, [
+                    createElementVNode("div", _hoisted_25, [
                       createVNode(YearPicker, {
                         "model-value": nextYear.value,
                         "min-year": 1900,
@@ -7420,7 +7426,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     })
                   ])
                 ]),
-                createElementVNode("div", _hoisted_25, [
+                createElementVNode("div", _hoisted_26, [
                   (openBlock(), createElementBlock(Fragment, null, renderList(dayNames, (day) => {
                     return createElementVNode("div", {
                       key: `rh-${day}`,
@@ -7435,8 +7441,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                       disabled: isDayDisabled(day.date),
                       onClick: ($event) => selectDay(day)
                     }, [
-                      createElementVNode("span", _hoisted_27, toDisplayString(day.date.getDate()), 1)
-                    ], 10, _hoisted_26);
+                      createElementVNode("span", _hoisted_28, toDisplayString(day.date.getDate()), 1)
+                    ], 10, _hoisted_27);
                   }), 128))
                 ])
               ])
@@ -7451,7 +7457,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-93b333e7"]]);
+const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-c8e09815"]]);
 const _hoisted_1$f = ["disabled"];
 const _hoisted_2$f = {
   key: 0,
@@ -7478,8 +7484,8 @@ const _hoisted_10$3 = {
   class: "ina-select-dropdown__preview-item ina-select-dropdown__preview-item--single"
 };
 const _hoisted_11$3 = { class: "ina-select-dropdown__preview-item-text" };
-const _hoisted_12$2 = ["aria-label"];
-const _hoisted_13$2 = ["disabled", "onClick"];
+const _hoisted_12$3 = ["aria-label"];
+const _hoisted_13$3 = ["disabled", "onClick"];
 const _hoisted_14$1 = { class: "ina-select-dropdown__option-content" };
 const _hoisted_15$1 = { class: "ina-select-dropdown__option-label" };
 const _hoisted_16 = {
@@ -7931,7 +7937,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                         onClick: _cache[1] || (_cache[1] = withModifiers(($event) => removeSelectedItem(__props.modelValue), ["stop"]))
                       }, [
                         createVNode(unref(IconX), { size: 12 })
-                      ], 8, _hoisted_12$2)) : createCommentVNode("", true)
+                      ], 8, _hoisted_12$3)) : createCommentVNode("", true)
                     ])) : createCommentVNode("", true)
                   ], 64))
                 ])
@@ -7988,7 +7994,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                     }, [
                       isSelected(option) ? (openBlock(), createElementBlock("div", _hoisted_17)) : createCommentVNode("", true)
                     ], 2)) : createCommentVNode("", true)
-                  ], 10, _hoisted_13$2);
+                  ], 10, _hoisted_13$3);
                 }), 128)),
                 filteredOptions.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_18, " No results ")) : createCommentVNode("", true),
                 __props.hasMore && !__props.loading && filteredOptions.value.length > 0 && __props.onLoadMore && !__props.disabled ? (openBlock(), createElementBlock("div", _hoisted_19, [
@@ -8763,8 +8769,8 @@ const _hoisted_10$2 = {
   class: "ina-table__cell"
 };
 const _hoisted_11$2 = ["tabindex"];
-const _hoisted_12$1 = ["onClick"];
-const _hoisted_13$1 = { class: "ina-table__pagination" };
+const _hoisted_12$2 = ["onClick"];
+const _hoisted_13$2 = { class: "ina-table__pagination" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
@@ -9179,7 +9185,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                         }, () => [
                           (openBlock(), createBlock(resolveDynamicComponent(getCellRenderComponent(col, row))))
                         ])
-                      ], 8, _hoisted_12$1))
+                      ], 8, _hoisted_12$2))
                     ], 64)) : renderSlot(_ctx.$slots, "cell", {
                       key: 1,
                       row,
@@ -9194,7 +9200,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             }), 128))
           ], 2)
         ], 2),
-        createElementVNode("div", _hoisted_13$1, [
+        createElementVNode("div", _hoisted_13$2, [
           createVNode(_sfc_main$q, {
             modelValue: page.value,
             totalPages: totalPages.value,
@@ -9819,26 +9825,31 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["tabindex", "aria-expanded"];
+const _hoisted_1$5 = { key: 1 };
 const _hoisted_2$5 = {
+  key: 2,
+  class: "ina-time-picker__required"
+};
+const _hoisted_3$4 = ["tabindex", "aria-expanded"];
+const _hoisted_4$3 = {
   key: 0,
   class: "ina-time-picker__prefix-icon"
 };
-const _hoisted_3$4 = ["value", "placeholder", "disabled", "readonly"];
-const _hoisted_4$3 = {
+const _hoisted_5$3 = ["value", "placeholder", "disabled", "readonly"];
+const _hoisted_6$3 = {
   key: 2,
   class: "ina-time-picker__suffix-icon"
 };
-const _hoisted_5$3 = {
+const _hoisted_7$3 = {
   key: 3,
   class: "ina-time-picker__suffix-icon"
 };
-const _hoisted_6$3 = { class: "ina-time-picker__content" };
-const _hoisted_7$3 = ["onClick", "onMouseenter"];
-const _hoisted_8$2 = ["onClick", "onMouseenter"];
+const _hoisted_8$2 = { class: "ina-time-picker__content" };
 const _hoisted_9$1 = ["onClick", "onMouseenter"];
 const _hoisted_10$1 = ["onClick", "onMouseenter"];
-const _hoisted_11$1 = { class: "ina-time-picker__actions" };
+const _hoisted_11$1 = ["onClick", "onMouseenter"];
+const _hoisted_12$1 = ["onClick", "onMouseenter"];
+const _hoisted_13$1 = { class: "ina-time-picker__actions" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "TimePicker",
   props: {
@@ -9862,7 +9873,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     disabledBackTime: { type: Boolean, default: false },
     disabledTimeBefore: {},
     disabledTimeAfter: {},
-    showNowButton: { type: Boolean, default: false }
+    showNowButton: { type: Boolean, default: false },
+    label: {},
+    required: { type: Boolean }
   },
   emits: ["update:modelValue", "change", "open-change"],
   setup(__props, { emit: __emit }) {
@@ -10070,7 +10083,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
       return classes;
     });
-    const inputClasses = computed(() => {
+    const labelComponent = computed(() => {
+      if (!props.label) return null;
+      if (typeof props.label === "string") return null;
+      return props.label;
+    });
+    const triggerClasses = computed(() => {
       const classes = [
         "ina-time-picker__input",
         `ina-time-picker__input--size-${props.size}`
@@ -10113,10 +10131,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ina-time-picker", containerClasses.value]),
         ref_key: "containerRef",
-        ref: containerRef,
-        class: normalizeClass(["ina-time-picker", containerClasses.value])
+        ref: containerRef
       }, [
+        __props.label ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          class: normalizeClass(["ina-time-picker__label", { "ina-time-picker__label--required": __props.required }])
+        }, [
+          labelComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(labelComponent.value), { key: 0 })) : __props.label && typeof __props.label === "string" ? (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_2$5, "*")) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: "ina-time-picker__wrapper",
           tabindex: __props.disabled ? -1 : 0,
@@ -10126,7 +10151,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           onClick: handleWrapperClick,
           onKeydown: handleWrapperKeydown
         }, [
-          __props.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+          __props.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
             renderSlot(_ctx.$slots, "prefixIcon", {}, () => [
               createTextVNode(toDisplayString(__props.prefixIcon), 1)
             ])
@@ -10135,7 +10160,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             ref_key: "inputRef",
             ref: inputRef,
             type: "text",
-            class: inputClasses.value,
+            class: triggerClasses.value,
             value: internalValue.value,
             placeholder: __props.placeholder,
             disabled: __props.disabled,
@@ -10145,7 +10170,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             onClick: handleInputClick,
             onFocus: handleInputFocus,
             onKeydown: handleInputKeydown
-          }), null, 16, _hoisted_3$4),
+          }), null, 16, _hoisted_5$3),
           __props.allowClear && internalValue.value && !__props.disabled ? (openBlock(), createElementBlock("button", {
             key: 1,
             type: "button",
@@ -10154,21 +10179,21 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             onClick: handleClear
           }, [
             createVNode(unref(IconX), { size: 16 })
-          ])) : __props.suffixIcon ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+          ])) : __props.suffixIcon ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
             renderSlot(_ctx.$slots, "suffixIcon", {}, () => [
               createTextVNode(toDisplayString(__props.suffixIcon), 1)
             ])
-          ])) : (openBlock(), createElementBlock("div", _hoisted_5$3, [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_7$3, [
             createVNode(unref(IconClock), { size: 16 })
           ]))
-        ], 40, _hoisted_1$5),
+        ], 40, _hoisted_3$4),
         isOpen.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
+          key: 1,
           ref_key: "panelRef",
           ref: panelRef,
           class: "ina-time-picker__panel"
         }, [
-          createElementVNode("div", _hoisted_6$3, [
+          createElementVNode("div", _hoisted_8$2, [
             createElementVNode("div", {
               class: normalizeClass([
                 "ina-time-picker__column",
@@ -10190,7 +10215,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     ]),
                     onClick: ($event) => handleTimeSelect("hour", option),
                     onMouseenter: ($event) => handleMouseEnter("hour", option)
-                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_7$3);
+                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_9$1);
                 }), 128))
               ], 32)
             ], 2),
@@ -10215,7 +10240,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     ]),
                     onClick: ($event) => handleTimeSelect("minute", option),
                     onMouseenter: ($event) => handleMouseEnter("minute", option)
-                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_8$2);
+                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_10$1);
                 }), 128))
               ], 32)
             ], 2),
@@ -10241,7 +10266,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     ]),
                     onClick: ($event) => handleTimeSelect("second", option),
                     onMouseenter: ($event) => handleMouseEnter("second", option)
-                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_9$1);
+                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_11$1);
                 }), 128))
               ], 32)
             ], 2)) : createCommentVNode("", true),
@@ -10266,12 +10291,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     ]),
                     onClick: ($event) => handleTimeSelect("period", period),
                     onMouseenter: ($event) => handleMouseEnter("period", period)
-                  }, toDisplayString(period), 43, _hoisted_10$1);
+                  }, toDisplayString(period), 43, _hoisted_12$1);
                 }), 64))
               ], 32)
             ], 2)) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_11$1, [
+          createElementVNode("div", _hoisted_13$1, [
             __props.showNowButton ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",