feat: date/time picker (#53)

* first draft * improved * save work * save * add to grid * improve usage * improve * add to filter * more fixes * eslint * update docs * add datpicker to filter dialog * eslint * improve popup * add clear button * update docs
vegarringdal · Feb 5, 2023 · 65a7be4 · 65a7be4
1 parent 086ccc0
commit 65a7be4
Show file tree

Hide file tree

Showing 54 changed files with 7,317 additions and 76 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -13,6 +13,14 @@ module.exports = {
             {
                 endOfLine: 'auto'
             }
+        ],
+        '@typescript-eslint/no-unused-vars': [
+            'warn', // or "error"
+            {
+                argsIgnorePattern: '^_',
+                varsIgnorePattern: '^_',
+                caughtErrorsIgnorePattern: '^_'
+            }
         ]
     }
 };
diff --git a/README.md b/README.md
@@ -202,7 +202,8 @@ Need for version "5.0.0":
     * [x] datetime YYYY-MM-DDTHH:MM:SS
     * [x] date DD.MM.YYYYTHH:MM:SS (typical eu/norway)
     * [x] datetime DD.MM.YYYYTHH:MM:SS
- * [ ] datasource to genrate changelog ?
+    * [x] add simple date/time pickere
+ * [ ] datasource to generate changelog ?
     * datasource allready have mark for deletion, so it should be able to give all if used correctly, it it might be nice to have built in
     * this is mostly done, just have had time to test it much
 ## Other:

diff --git a/docs/grid/assets/search.js b/docs/grid/assets/search.js
diff --git a/docs/grid/classes/grid_gridInterface.GridInterface.html b/docs/grid/classes/grid_gridInterface.GridInterface.html
diff --git a/docs/grid/classes/index.DateElement.html b/docs/grid/classes/index.DateElement.html
diff --git a/docs/grid/classes/index.DateInterface.html b/docs/grid/classes/index.DateInterface.html
diff --git a/docs/grid/interfaces/index.IDateConfig.html b/docs/grid/interfaces/index.IDateConfig.html
diff --git a/docs/grid/interfaces/index.IStyle.html b/docs/grid/interfaces/index.IStyle.html
diff --git a/docs/grid/modules/index.html b/docs/grid/modules/index.html
@@ -35,10 +35,12 @@ <h3 class="tsd-index-heading">References</h3>
 <section class="tsd-index-section">
 <h3 class="tsd-index-heading">Classes</h3>
 <div class="tsd-index-list"><a href="../classes/index.DataContainer.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-class)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-128-path"></rect><path d="M11.898 16.1201C11.098 16.1201 10.466 15.8961 10.002 15.4481C9.53803 15.0001 9.30603 14.3841 9.30603 13.6001V9.64012C9.30603 8.85612 9.53803 8.24012 10.002 7.79212C10.466 7.34412 11.098 7.12012 11.898 7.12012C12.682 7.12012 13.306 7.34812 13.77 7.80412C14.234 8.25212 14.466 8.86412 14.466 9.64012H13.386C13.386 9.14412 13.254 8.76412 12.99 8.50012C12.734 8.22812 12.37 8.09212 11.898 8.09212C11.426 8.09212 11.054 8.22412 10.782 8.48812C10.518 8.75212 10.386 9.13212 10.386 9.62812V13.6001C10.386 14.0961 10.518 14.4801 10.782 14.7521C11.054 15.0161 11.426 15.1481 11.898 15.1481C12.37 15.1481 12.734 15.0161 12.99 14.7521C13.254 14.4801 13.386 14.0961 13.386 13.6001H14.466C14.466 14.3761 14.234 14.9921 13.77 15.4481C13.306 15.8961 12.682 16.1201 11.898 16.1201Z" fill="var(--color-text)" id="icon-128-text"></path></svg><span>Data<wbr/>Container</span></a>
+<a href="../classes/index.DateElement.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg><span>Date<wbr/>Element</span></a>
 <a href="../classes/index.DateFormaterDDMMYYYY.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg><span>Date<wbr/>FormaterDDMMYYYY</span></a>
 <a href="../classes/index.DateFormaterDDMMYYYYTHHMMSS.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg><span>Date<wbr/>FormaterDDMMYYYYTHHMMSS</span></a>
 <a href="../classes/index.DateFormaterYYYYMMDD.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg><span>Date<wbr/>FormaterYYYYMMDD</span></a>
 <a href="../classes/index.DateFormaterYYYYMMDDTHHMMSS.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg><span>Date<wbr/>FormaterYYYYMMDDTHHMMSS</span></a>
+<a href="../classes/index.DateInterface.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg><span>Date<wbr/>Interface</span></a>
 <a href="../classes/index.EntityHandler.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg><span>Entity<wbr/>Handler</span></a>
 <a href="../classes/index.GridElement.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg><span>Grid<wbr/>Element</span></a>
 <a href="../classes/index.NumberFormaterComma.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg><span>Number<wbr/>Formater<wbr/>Comma</span></a>
@@ -50,6 +52,8 @@ <h3 class="tsd-index-heading">Interfaces</h3>
 <a href="../interfaces/index.FilterAttributeSimple.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg><span>Filter<wbr/>Attribute<wbr/>Simple</span></a>
 <a href="../interfaces/index.GroupArgument.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg><span>Group<wbr/>Argument</span></a>
 <a href="../interfaces/index.HTMLCellElement.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg><span>HTMLCell<wbr/>Element</span></a>
+<a href="../interfaces/index.IDateConfig.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg><span>IDate<wbr/>Config</span></a>
+<a href="../interfaces/index.IStyle.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg><span>IStyle</span></a>
 <a href="../interfaces/index.SortArgument.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg><span>Sort<wbr/>Argument</span></a>
 <a href="../interfaces/index.ValueFormater.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg><span>Value<wbr/>Formater</span></a>
 </div></section>
@@ -117,10 +121,12 @@ <h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.9389
 <li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#GridConfig" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-8388608-path"></use><use href="#icon-8388608-text"></use></svg>Grid<wbr/>Config</a></li>
 <li class="tsd-kind-reference tsd-parent-kind-module"><a href="index.html#GridInterface" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-8388608-path"></use><use href="#icon-8388608-text"></use></svg>Grid<wbr/>Interface</a></li>
 <li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/index.DataContainer.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Data<wbr/>Container</a></li>
+<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/index.DateElement.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Date<wbr/>Element</a></li>
 <li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/index.DateFormaterDDMMYYYY.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Date<wbr/>FormaterDDMMYYYY</a></li>
 <li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/index.DateFormaterDDMMYYYYTHHMMSS.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Date<wbr/>FormaterDDMMYYYYTHHMMSS</a></li>
 <li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/index.DateFormaterYYYYMMDD.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Date<wbr/>FormaterYYYYMMDD</a></li>
 <li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/index.DateFormaterYYYYMMDDTHHMMSS.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Date<wbr/>FormaterYYYYMMDDTHHMMSS</a></li>
+<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/index.DateInterface.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Date<wbr/>Interface</a></li>
 <li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/index.EntityHandler.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Entity<wbr/>Handler</a></li>
 <li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/index.GridElement.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Grid<wbr/>Element</a></li>
 <li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/index.NumberFormaterComma.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Number<wbr/>Formater<wbr/>Comma</a></li>
@@ -129,6 +135,8 @@ <h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.9389
 <li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/index.FilterAttributeSimple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Filter<wbr/>Attribute<wbr/>Simple</a></li>
 <li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/index.GroupArgument.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Group<wbr/>Argument</a></li>
 <li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/index.HTMLCellElement.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>HTMLCell<wbr/>Element</a></li>
+<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/index.IDateConfig.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>IDate<wbr/>Config</a></li>
+<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/index.IStyle.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>IStyle</a></li>
 <li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/index.SortArgument.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Sort<wbr/>Argument</a></li>
 <li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/index.ValueFormater.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Value<wbr/>Formater</a></li>
 <li class="tsd-kind-type-alias tsd-parent-kind-module"><a href="../types/index.DataTypes.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4194304-path"></use><use href="#icon-4194304-text"></use></svg>Data<wbr/>Types</a></li>

diff --git a/docs/grid/types/grid_gridConfig.Attribute.html b/docs/grid/types/grid_gridConfig.Attribute.html
@@ -58,7 +58,7 @@ <h5><code class="tsd-tag ts-flagOptional">Optional</code> readonly<span class="t
 <li class="tsd-parameter">
 <h5><code class="tsd-tag ts-flagOptional">Optional</code> type<span class="tsd-signature-symbol">?: </span><a href="index.DataTypes.html" class="tsd-signature-type" data-tsd-kind="Type alias">DataTypes</a></h5></li></ul></div><aside class="tsd-sources">
 <ul>
-<li>Defined in packages/grid/src/grid/gridConfig.ts:84</li></ul></aside></div>
+<li>Defined in packages/grid/src/grid/gridConfig.ts:91</li></ul></aside></div>
 <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
 <div class="tsd-navigation settings">
 <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">

diff --git a/docs/grid/types/grid_gridConfig.Columns.html b/docs/grid/types/grid_gridConfig.Columns.html
@@ -25,7 +25,7 @@ <h5>rows<span class="tsd-signature-symbol">: </span><span class="tsd-signature-t
 <li class="tsd-parameter">
 <h5>width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li></ul></div><aside class="tsd-sources">
 <ul>
-<li>Defined in packages/grid/src/grid/gridConfig.ts:79</li></ul></aside></div>
+<li>Defined in packages/grid/src/grid/gridConfig.ts:86</li></ul></aside></div>
 <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
 <div class="tsd-navigation settings">
 <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">