expose formatType to custom element, fix#56

mskocik · Sep 28, 2022 · 7ffd043 · 7ffd043
1 parent c113f44
commit 7ffd043
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/lib/custom-element.js b/src/lib/custom-element.js
@@ -3,7 +3,7 @@ import SveltyPicker, { config } from "./components/SveltyPicker.svelte";
 
 const OPTION_LIST = [
   'value', 'name', 'placeholder', 'start-date', 'end-date', 'disabled', 'input-classes',
-  'mode', 'format', 'week-start', 'today-btn', 'clear-btn', 'autoclose', 'required'
+  'mode', 'format', 'format-type', 'week-start', 'today-btn', 'clear-btn', 'autoclose', 'required'
 ];
 
 function formatValue(name, value) {
@@ -89,6 +89,15 @@ class PickerElement extends HTMLInputElement {
           val && this.setAttribute('input-classes', val)
           !val && this.removeAttribute('input-classes');
         }
+      },
+      'formatType': {
+        get() {
+          return this.getAttribute('format-type');
+        },
+        set(val) {
+          val && ['standard', 'php'].includes(val) && this.setAttribute('format-type', val);
+          !val && this.removeAttribute('format-type');
+        }
       }
     }
     const boolProps = ['required', 'disabled', 'today-btn', 'clear-btn','autoclose']