feat(core/datepicker/timepicker/datetimepicker): refactor

BREAKING_CHANGES.md

@@ -325,7 +325,8 @@ Change `Primary` and `Secondary` to lower case `primary` and `secondary`
 **_Now_**
 
 ```typescript
-@Event() close: EventEmitter<{
+@Event()
+close: EventEmitter<{
   nativeEvent: MouseEvent;
   name: string;
 }>;

packages/core/component-doc.json

@@ -795,13 +795,16 @@
       "dependents": [
         "ix-card-list",
         "ix-date-picker",
+        "ix-date-picker-rework",
         "ix-datetime-picker",
+        "ix-datetime-picker-rework",
         "ix-dropdown-button",
         "ix-empty-state",
         "ix-menu-about-news",
         "ix-modal-example",
         "ix-split-button",
         "ix-time-picker",
+        "ix-time-picker-rework",
         "ix-upload"
       ],
       "dependencies": [
@@ -817,9 +820,15 @@
         "ix-date-picker": [
           "ix-button"
         ],
+        "ix-date-picker-rework": [
+          "ix-button"
+        ],
         "ix-datetime-picker": [
           "ix-button"
         ],
+        "ix-datetime-picker-rework": [
+          "ix-button"
+        ],
         "ix-dropdown-button": [
           "ix-button"
         ],
@@ -838,6 +847,9 @@
         "ix-time-picker": [
           "ix-button"
         ],
+        "ix-time-picker-rework": [
+          "ix-button"
+        ],
         "ix-upload": [
           "ix-button"
         ]
@@ -1877,9 +1889,15 @@
         }
       ],
       "encapsulation": "shadow",
-      "dependents": [],
+      "dependents": [
+        "ix-datetime-picker-rework"
+      ],
       "dependencies": [],
-      "dependencyGraph": {},
+      "dependencyGraph": {
+        "ix-datetime-picker-rework": [
+          "ix-col"
+        ]
+      },
       "props": [
         {
           "name": "size",
@@ -2314,7 +2332,7 @@
       "props": [
         {
           "name": "corners",
-          "type": "\"left\" | \"right\" | \"rounded\"",
+          "type": "\"left\" | \"right\" | \"rounded\" | \"straight\"",
           "mutable": false,
           "attr": "corners",
           "reflectToAttr": false,
@@ -2333,6 +2351,10 @@
             {
               "value": "rounded",
               "type": "string"
+            },
+            {
+              "value": "straight",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -2366,7 +2388,7 @@
           "mutable": false,
           "attr": "format",
           "reflectToAttr": false,
-          "docs": "Date format string.\nSee @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.",
+          "docs": "Date format string.\nSee {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.",
           "docsTags": [],
           "default": "'yyyy/LL/dd'",
           "values": [
@@ -3238,6 +3260,7 @@
         "ix-breadcrumb",
         "ix-category-filter",
         "ix-date-picker",
+        "ix-date-picker-rework",
         "ix-dropdown-button",
         "ix-menu-avatar",
         "ix-menu-category",
@@ -3255,6 +3278,9 @@
         "ix-date-picker": [
           "ix-dropdown"
         ],
+        "ix-date-picker-rework": [
+          "ix-dropdown"
+        ],
         "ix-dropdown-button": [
           "ix-dropdown"
         ],
@@ -5045,6 +5071,7 @@
         "ix-chip",
         "ix-content-header",
         "ix-date-picker",
+        "ix-date-picker-rework",
         "ix-drawer",
         "ix-dropdown-button",
         "ix-expanding-search",
@@ -5063,6 +5090,7 @@
         "ix-select",
         "ix-split-button",
         "ix-time-picker",
+        "ix-time-picker-rework",
         "ix-toast"
       ],
       "dependencies": [
@@ -5090,6 +5118,9 @@
         "ix-date-picker": [
           "ix-icon-button"
         ],
+        "ix-date-picker-rework": [
+          "ix-icon-button"
+        ],
         "ix-drawer": [
           "ix-icon-button"
         ],
@@ -5144,6 +5175,9 @@
         "ix-time-picker": [
           "ix-icon-button"
         ],
+        "ix-time-picker-rework": [
+          "ix-icon-button"
+        ],
         "ix-toast": [
           "ix-icon-button"
         ]
@@ -5866,9 +5900,15 @@
         }
       ],
       "encapsulation": "shadow",
-      "dependents": [],
+      "dependents": [
+        "ix-datetime-picker-rework"
+      ],
       "dependencies": [],
-      "dependencyGraph": {},
+      "dependencyGraph": {
+        "ix-datetime-picker-rework": [
+          "ix-layout-grid"
+        ]
+      },
       "props": [
         {
           "name": "columns",
@@ -8681,9 +8721,15 @@
         }
       ],
       "encapsulation": "shadow",
-      "dependents": [],
+      "dependents": [
+        "ix-datetime-picker-rework"
+      ],
       "dependencies": [],
-      "dependencyGraph": {},
+      "dependencyGraph": {
+        "ix-datetime-picker-rework": [
+          "ix-row"
+        ]
+      },
       "props": [],
       "methods": [],
       "events": [],
@@ -10227,7 +10273,7 @@
       "props": [
         {
           "name": "corners",
-          "type": "\"left\" | \"right\" | \"rounded\"",
+          "type": "\"left\" | \"right\" | \"rounded\" | \"straight\"",
           "mutable": false,
           "attr": "corners",
           "reflectToAttr": false,
@@ -10246,6 +10292,10 @@
             {
               "value": "rounded",
               "type": "string"
+            },
+            {
+              "value": "straight",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -11471,6 +11521,7 @@
         "ix-push-card",
         "ix-slider",
         "ix-time-picker",
+        "ix-time-picker-rework",
         "ix-tooltip"
       ],
       "dependencies": [],
@@ -11514,6 +11565,9 @@
         "ix-time-picker": [
           "ix-typography"
         ],
+        "ix-time-picker-rework": [
+          "ix-typography"
+        ],
         "ix-tooltip": [
           "ix-typography"
         ]

packages/core/package.json

@@ -48,6 +48,7 @@
     "@stencil/core": "^3.2.1",
     "@types/luxon": "^3.3.0",
     "animejs": "~3.2.1",
+    "dayjs": "^1.11.9",
     "hyperlist": "^1.0.0",
     "luxon": "^3.3.0"
   },