Merge pull request #748 from appwrite/feat-input-date-click-area

Update the date and time inputs to open on click
appwrite · Jan 30, 2024 · ade03a2 · ade03a2
2 parents c59c8ba + c28feb3
commit ade03a2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/lib/elements/forms/inputDate.svelte b/src/lib/elements/forms/inputDate.svelte
@@ -75,6 +75,9 @@
             bind:value
             bind:this={element}
             on:invalid={handleInvalid}
+            on:click={function () {
+                this.showPicker();
+            }}
             style:--amount-of-buttons={isNullable ? 2.75 : 1}
             style:--button-size={isNullable ? '2rem' : '1rem'} />
         {#if isNullable}

diff --git a/src/lib/elements/forms/inputTime.svelte b/src/lib/elements/forms/inputTime.svelte
@@ -59,7 +59,10 @@
             class="input-text"
             bind:value
             bind:this={element}
-            on:invalid={handleInvalid} />
+            on:invalid={handleInvalid}
+            on:click={function () {
+                this.showPicker();
+            }} />
     </div>
     {#if error}
         <Helper type="warning">{error}</Helper>