feat: add params.editorOptions to change Flatpickr Editor date form…

…at (#1048)
6pac · Aug 15, 2024 · 8b46763 · 8b46763
1 parent e110817
commit 8b46763
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/models/column.interface.ts b/src/models/column.interface.ts
@@ -149,6 +149,9 @@ export interface Column<TData = any> {
   /** column offset width */
   offsetWidth?: number;
 
+  /** extra custom generic parameters that could be used by your Formatter/Editor or anything else */
+  params?: any | any[];
+
   /** column previous width */
   previousWidth?: number;
 

diff --git a/src/slick.editors.ts b/src/slick.editors.ts
@@ -343,12 +343,13 @@ export class FlatpickrEditor<TData = any, C extends Column<TData> = Column<TData
     this.input = Utils.createDomElement('input', { type: 'text', className: 'editor-text' }, this.args.container);
     this.input.focus();
     this.input.select();
+    const editorOptions = this.args.column.params?.editorOptions; // i.e.: { id: 'start', params: { editorOptions: {altFormat: 'd/m/Y', dateFormat: 'd/m/Y'}} }
     this.flatpickrInstance = flatpickr(this.input, {
       closeOnSelect: true,
       allowInput: true,
       altInput: true,
-      altFormat: 'm/d/Y',
-      dateFormat: 'm/d/Y',
+      altFormat: editorOptions?.altFormat ?? 'm/d/Y',
+      dateFormat: editorOptions?.dateFormat ?? 'm/d/Y',
       onChange: () => {
         // trigger onCompositeEditorChange event when input changes and it's a Composite Editor
         if (this.args.compositeEditorOptions) {