@coreui/vue-pro 5.7.0 → 5.8.0

package/src/components/time-picker/CTimePicker.ts

@@ -265,6 +265,15 @@ const CTimePicker = defineComponent({
         return ['sm', 'lg'].includes(value)
       },
     },
+    /**
+     * Generates dropdown menu using Teleport.
+     *
+     * @since 5.8.0
+     */
+    teleport: {
+      type: [Boolean],
+      default: false,
+    },
     /**
      * Add helper text to the component.
      *
@@ -473,7 +482,22 @@ const CTimePicker = defineComponent({
               })
             : '',
         }),
-        props.indicator && h('div', { class: 'time-picker-indicator' }),
+        props.indicator &&
+          h('div', {
+            class: 'time-picker-indicator',
+            ...(!props.disabled && {
+              onClick: (event: Event) => {
+                event.stopPropagation()
+                visible.value = !visible.value
+              },
+              onKeydown: (event: KeyboardEvent) => {
+                if (event.key === 'Enter') {
+                  visible.value = !visible.value
+                }
+              },
+              tabIndex: 0,
+            }),
+          }),
         props.cleaner &&
           date.value &&
           h('div', {
@@ -655,6 +679,7 @@ const CTimePicker = defineComponent({
                   visible.value = true
                   emit('show')
                 },
+                teleport: props.teleport,
                 visible: visible.value,
               },
               {