From b9ca4e26eb48bd5677212e1725c5b027358e143c Mon Sep 17 00:00:00 2001
From: Andreas Bichinger <andreas.bichinger@gmail.com>
Date: Mon, 6 Nov 2023 18:33:51 +0100
Subject: [PATCH] feat(light): add clearable

BREAKING CHANGE: force major release
---
 light/src/CronEditor.vue              | 1 +
 light/src/components/CustomSelect.vue | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/light/src/CronEditor.vue b/light/src/CronEditor.vue
index b2ed5cdf..a2769b64 100644
--- a/light/src/CronEditor.vue
+++ b/light/src/CronEditor.vue
@@ -23,6 +23,7 @@
           :cols="cols[f.id] || 1"
           :selection="f.text.value"
           multiple
+          clearable
         ></custom-select>
       </div>
       <span>{{ f.suffix.value }}</span>
diff --git a/light/src/components/CustomSelect.vue b/light/src/components/CustomSelect.vue
index 5dd3e798..c79fe953 100644
--- a/light/src/components/CustomSelect.vue
+++ b/light/src/components/CustomSelect.vue
@@ -2,6 +2,8 @@
   <div class="vcron-select-container">
     <span class="vcron-select-input" @click="toggleMenu">
       {{ selection ?? selectedStr }}
+
+      <span v-if="clearable && !isEmpty" @click="clear">&#x2715;</span>
     </span>
 
     <div class="vcron-select-list" v-if="menu">
@@ -35,6 +37,10 @@ export default {
     selection: {
       type: String,
     },
+    clearable: {
+      type: Boolean,
+      default: false,
+    },
   },
   emits: ['update:model-value'],
   setup(props, { emit }) {