@pnp/spfx-controls-react 3.6.0-beta.1807832 → 3.6.0-beta.1807955

package/release/webpack-stats/sp-dev-fx-controls-react.stats.json

@@ -2,9 +2,9 @@
   "errors": [],
   "warnings": [],
   "version": "4.44.2",
-  "hash": "d1513f65977681d96ed2",
-  "time": 17808,
-  "builtAt": 1644254642386,
+  "hash": "232fd6f1173f4686410a",
+  "time": 16307,
+  "builtAt": 1644256168671,
   "publicPath": "",
   "outputPath": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/dist",
   "assetsByChunkName": {
@@ -292,7 +292,7 @@
     },
     {
       "name": "controls-test-web-part.js",
-      "size": 15042086,
+      "size": 15042164,
       "chunks": [
         "controls-test-web-part"
       ],
@@ -305,7 +305,7 @@
     },
     {
       "name": "controls-test-web-part.js.map",
-      "size": 13225784,
+      "size": 13225859,
       "chunks": [
         "controls-test-web-part"
       ],
@@ -404,7 +404,7 @@
       "rendered": true,
       "initial": true,
       "entry": true,
-      "size": 10525496,
+      "size": 10525574,
       "names": [
         "controls-test-web-part"
       ],
@@ -412,7 +412,7 @@
         "controls-test-web-part.js",
         "controls-test-web-part.js.map"
       ],
-      "hash": "149f1792e142c6547bfa",
+      "hash": "73eaf780a33dc740954c",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -10236,9 +10236,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "issuerId": "thf+",
+          "issuerName": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -10291,14 +10291,19 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+            },
+            {
+              "id": "thf+",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
             }
           ],
           "failed": false,
@@ -44587,9 +44592,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "issuerId": "lDWV",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "issuerId": "bO7i",
+          "issuerName": "./node_modules/@popperjs/core/lib/createPopper.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -44642,14 +44647,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "lDWV",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             }
           ],
           "failed": false,
@@ -46793,9 +46798,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "issuerId": "lDWV",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuerId": "CSm3",
+          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -46853,9 +46858,9 @@
               "name": "./node_modules/@popperjs/core/lib/popper.js"
             },
             {
-              "id": "lDWV",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+              "id": "CSm3",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
             }
           ],
           "failed": false,
@@ -58849,11 +58854,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
-            {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
-            },
             {
               "id": "HnbP",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
@@ -75647,9 +75647,9 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "HnbP",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
             },
             {
               "id": "lDWV",
@@ -134132,9 +134132,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "issuerId": "OcOZ",
-          "issuerName": "./node_modules/@popperjs/core/lib/popper.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
+          "issuerId": "EjV/",
+          "issuerName": "./node_modules/@popperjs/core/lib/index.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -134185,11 +134185,6 @@
               "id": "EjV/",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
               "name": "./node_modules/@popperjs/core/lib/index.js"
-            },
-            {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
             }
           ],
           "failed": false,
@@ -140099,9 +140094,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/applyStyles.js",
+          "issuerId": "CrRX",
+          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/applyStyles.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -140154,14 +140149,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "CrRX",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/applyStyles.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/applyStyles.js"
             }
           ],
           "failed": false,
@@ -149290,14 +149285,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "lDWV",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+              "id": "fNrw",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
             },
             {
               "id": "titc",
@@ -183191,9 +183186,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela/es/getFontUrl.js",
-          "issuerId": "NGY8",
-          "issuerName": "./node_modules/fela/es/getFontUrl.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela/es/getFontFormat.js",
+          "issuerId": "V9+4",
+          "issuerName": "./node_modules/fela/es/getFontFormat.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -183246,9 +183241,9 @@
               "name": "./node_modules/fela/es/generateFontSource.js"
             },
             {
-              "id": "NGY8",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela/es/getFontUrl.js",
-              "name": "./node_modules/fela/es/getFontUrl.js"
+              "id": "V9+4",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela/es/getFontFormat.js",
+              "name": "./node_modules/fela/es/getFontFormat.js"
             }
           ],
           "failed": false,
@@ -187619,9 +187614,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-bindings/es/FelaComponentFactory.js",
-          "issuerId": "F9NY",
-          "issuerName": "./node_modules/fela-bindings/es/FelaComponentFactory.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-bindings/es/FelaThemeFactory.js",
+          "issuerId": "uwaF",
+          "issuerName": "./node_modules/fela-bindings/es/FelaThemeFactory.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -187674,9 +187669,9 @@
               "name": "./node_modules/fela-bindings/es/index.js"
             },
             {
-              "id": "F9NY",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-bindings/es/FelaComponentFactory.js",
-              "name": "./node_modules/fela-bindings/es/FelaComponentFactory.js"
+              "id": "uwaF",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-bindings/es/FelaThemeFactory.js",
+              "name": "./node_modules/fela-bindings/es/FelaThemeFactory.js"
             }
           ],
           "failed": false,
@@ -188351,9 +188346,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "issuerId": "lDWV",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/mergePaddingObject.js",
+          "issuerId": "05uC",
+          "issuerName": "./node_modules/@popperjs/core/lib/utils/mergePaddingObject.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -188406,14 +188401,24 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "lDWV",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+            },
+            {
+              "id": "thf+",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+            },
+            {
+              "id": "05uC",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/mergePaddingObject.js",
+              "name": "./node_modules/@popperjs/core/lib/utils/mergePaddingObject.js"
             }
           ],
           "failed": false,
@@ -206416,9 +206421,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "issuerId": "lDWV",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
+          "issuerId": "XX6W",
+          "issuerName": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -206471,14 +206476,19 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "lDWV",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+              "id": "E0qH",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/popperOffsets.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"
+            },
+            {
+              "id": "XX6W",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
+              "name": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js"
             }
           ],
           "failed": false,
@@ -208751,14 +208761,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "HWy5",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/hide.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             },
             {
               "id": "thf+",
@@ -210061,11 +210071,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
-            {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
-            },
             {
               "id": "HnbP",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
@@ -238781,11 +238786,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
-            {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
-            },
             {
               "id": "HnbP",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
@@ -244630,11 +244630,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
-            {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
-            },
             {
               "id": "HnbP",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
@@ -253279,9 +253274,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/accessibleAccordion/components/AccordionItemHeading.js",
-          "issuerId": "PVoh",
-          "issuerName": "./lib/controls/accessibleAccordion/components/AccordionItemHeading.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/accessibleAccordion/components/AccordionItem.js",
+          "issuerId": "ZDhp",
+          "issuerName": "./lib/controls/accessibleAccordion/components/AccordionItem.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -253299,9 +253294,9 @@
               "name": "./lib/controls/accessibleAccordion/index.js"
             },
             {
-              "id": "PVoh",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/accessibleAccordion/components/AccordionItemHeading.js",
-              "name": "./lib/controls/accessibleAccordion/components/AccordionItemHeading.js"
+              "id": "ZDhp",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/accessibleAccordion/components/AccordionItem.js",
+              "name": "./lib/controls/accessibleAccordion/components/AccordionItem.js"
             }
           ],
           "failed": false,
@@ -346180,7 +346175,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.6.0-beta.1807832\";\n"
+          "source": "export var version = \"3.6.0-beta.1807955\";\n"
         },
         {
           "id": "cLrF",
@@ -365400,14 +365395,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "HWy5",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/hide.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             },
             {
               "id": "thf+",
@@ -374440,14 +374435,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "HWy5",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/hide.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             },
             {
               "id": "thf+",
@@ -377247,9 +377242,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
+          "issuerId": "neCt",
+          "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -377302,14 +377297,24 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+            },
+            {
+              "id": "thf+",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+            },
+            {
+              "id": "neCt",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
+              "name": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js"
             }
           ],
           "failed": false,
@@ -398279,7 +398284,7 @@
               "moduleName": "./lib/controls/dateTimePicker/DateTimePicker.js",
               "type": "harmony import specifier",
               "userRequest": ".",
-              "loc": "245:706-727"
+              "loc": "245:774-795"
             }
           ],
           "providedExports": null,
@@ -401941,9 +401946,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "issuerId": "OcOZ",
-          "issuerName": "./node_modules/@popperjs/core/lib/popper.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
+          "issuerId": "HnbP",
+          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/index.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -401996,9 +402001,9 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "HnbP",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
             }
           ],
           "failed": false,
@@ -410356,11 +410361,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
-            {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
-            },
             {
               "id": "HnbP",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
@@ -410576,9 +410576,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "issuerId": "thf+",
+          "issuerName": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -410631,14 +410631,19 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+            },
+            {
+              "id": "thf+",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
             }
           ],
           "failed": false,
@@ -416429,14 +416434,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "HWy5",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/hide.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             },
             {
               "id": "thf+",
@@ -437751,9 +437756,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "issuerId": "lDWV",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
+          "issuerId": "XX6W",
+          "issuerName": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -437806,14 +437811,19 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "lDWV",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+              "id": "E0qH",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/popperOffsets.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"
+            },
+            {
+              "id": "XX6W",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
+              "name": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js"
             }
           ],
           "failed": false,
@@ -448023,14 +448033,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "lDWV",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+              "id": "fNrw",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
             },
             {
               "id": "titc",
@@ -455268,9 +455278,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-          "issuerId": "HWy5",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/hide.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "issuerId": "bO7i",
+          "issuerName": "./node_modules/@popperjs/core/lib/createPopper.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -455323,14 +455333,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "HWy5",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/hide.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             }
           ],
           "failed": false,
@@ -455534,9 +455544,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "issuerId": "lDWV",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+          "issuerId": "fNrw",
+          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -455589,14 +455599,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "OcOZ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-              "name": "./node_modules/@popperjs/core/lib/popper.js"
+              "id": "RdE5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+              "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
             },
             {
-              "id": "lDWV",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+              "id": "fNrw",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
             }
           ],
           "failed": false,
@@ -483296,9 +483306,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Card/cardStyles.js",
-          "issuerId": "qCUT",
-          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Card/cardStyles.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Table/tableCellStyles.js",
+          "issuerId": "1C2p",
+          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Table/tableCellStyles.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -483326,9 +483336,9 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
             },
             {
-              "id": "qCUT",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Card/cardStyles.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Card/cardStyles.js"
+              "id": "1C2p",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Table/tableCellStyles.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Table/tableCellStyles.js"
             }
           ],
           "failed": false,
@@ -495380,7 +495390,7 @@
           "name": "./lib/controls/dateTimePicker/DateTimePicker.js",
           "index": 2334,
           "index2": 2352,
-          "size": 15248,
+          "size": 15326,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -495442,7 +495452,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from \"react\";\nimport { isEqual } from '@microsoft/sp-lodash-subset';\nimport { TimeConvention, DateConvention } from \"./DateTimeConventions\";\nimport { DatePicker } from \"office-ui-fabric-react/lib/DatePicker\";\nimport { Label } from \"office-ui-fabric-react/lib/Label\";\nimport ErrorMessage from \"../errorMessage/ErrorMessage\";\nimport styles from \"./DateTimePicker.module.scss\";\nimport HoursComponent from \"./HoursComponent\";\nimport MinutesComponent from \"./MinutesComponent\";\nimport SecondsComponent from \"./SecondsComponent\";\nimport * as telemetry from \"../../common/telemetry\";\nimport { Async, css } from 'office-ui-fabric-react/lib/Utilities';\nimport { DateTimePickerStrings } from \".\";\nimport { TimeHelper } from \"./TimeHelper\";\nimport { TimeDisplayControlType } from \"./TimeDisplayControlType\";\n/**\n * Renders the controls for DateTimePicker component\n */\nvar DateTimePicker = /** @class */ (function (_super) {\n    __extends(DateTimePicker, _super);\n    /**\n     * Constructor\n     */\n    function DateTimePicker(props) {\n        var _this = _super.call(this, props) || this;\n        _this._latestValidateValue = NaN;\n        /**\n         * Function called when the DatePicker Office UI Fabric component selected date changed\n         */\n        _this.onSelectDate = function (date) {\n            if (!TimeHelper.isValidDate(date)) {\n                return;\n            }\n            // Get hours, minutes and seconds from state or default to zero\n            var _a = _this.state, _b = _a.hours, hours = _b === void 0 ? 0 : _b, _c = _a.minutes, minutes = _c === void 0 ? 0 : _c, _d = _a.seconds, seconds = _d === void 0 ? 0 : _d;\n            var day = TimeHelper.cloneDate(date);\n            day.setHours(hours);\n            day.setMinutes(minutes);\n            day.setSeconds(seconds);\n            _this.setState({ day: day }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when hours value have been changed\n         * @param element Hours dropdown value\n         */\n        _this.dropdownHoursChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var hoursSplit = value.split(\" \");\n                var hoursValue = hoursSplit[0].length > 2 ? hoursSplit[0].substring(0, 2) : hoursSplit[0];\n                var hours = parseInt(hoursValue);\n                if (isNaN(hours)) {\n                    return;\n                }\n                if (_this.props.timeConvention !== TimeConvention.Hours24) {\n                    if (hoursSplit[1] && hoursSplit[1].toLowerCase().indexOf(\"pm\") !== -1) {\n                        hours += 12;\n                        if (hours === 24) {\n                            //this is noon - set to 12 not 0\n                            //hours = 0;\n                            hours = 12;\n                        }\n                    }\n                    else if (hours === 12) {\n                        //am - if hours == 12, set hours to 0 here\n                        hours = 0;\n                    }\n                }\n                if (hours > 23) {\n                    return;\n                }\n                var state = { hours: hours };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setHours(hours);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when minutes value have been changed\n         * @param element Minutes dropdown value\n         */\n        _this.dropdownMinutesChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var minutes = parseInt(value.length > 2 ? value.substring(0, 2) : value);\n                var state = { minutes: minutes };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setMinutes(minutes);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when seconds value have been changed\n         * @param element Seconds dropdown value\n         */\n        _this.dropdownSecondsChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var seconds = parseInt(value.length > 2 ? value.substring(0, 2) : value);\n                var state = { seconds: seconds };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setSeconds(seconds);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Validates string input on date time field\n         */\n        _this.handleTextChange = function (e, newValue, locString) {\n            if (!TimeHelper.isValidDate(newValue)) {\n                _this.setState({\n                    errorMessage: locString,\n                });\n                return;\n            }\n        };\n        /**\n         * Validates the new custom field value\n         */\n        _this.validate = function (dateVal) {\n            if (typeof _this.props.onGetErrorMessage === 'undefined' || _this.props.onGetErrorMessage === null) {\n                _this.notifyAfterValidate(_this.props.value, dateVal);\n                return;\n            }\n            var timestamp = dateVal.getTime();\n            if (_this._latestValidateValue === timestamp) {\n                return;\n            }\n            _this._latestValidateValue = timestamp;\n            var result = _this.props.onGetErrorMessage(dateVal);\n            if (typeof result !== 'undefined') {\n                if (typeof result === 'string') {\n                    if (result === '') {\n                        _this.notifyAfterValidate(_this.props.value, dateVal);\n                    }\n                    _this.setState({\n                        errorMessage: result\n                    });\n                }\n                else {\n                    result.then(function (errorMessage) {\n                        if (typeof errorMessage === 'undefined' || errorMessage === '') {\n                            _this.notifyAfterValidate(_this.props.value, dateVal);\n                        }\n                        _this.setState({\n                            errorMessage: errorMessage\n                        });\n                    });\n                }\n            }\n            else {\n                _this.notifyAfterValidate(_this.props.value, dateVal);\n            }\n        };\n        /**\n         * Notifies the parent Web Part of a property value change\n         */\n        _this.notifyAfterValidate = function (oldValue, newValue) {\n            if (typeof _this.props.onChange !== 'undefined' && _this.props.onChange !== null && newValue !== null) {\n                _this.props.onChange(newValue);\n            }\n        };\n        telemetry.track('ReactDateTimePicker', {\n            dateConvention: props.dateConvention ? DateConvention[props.dateConvention] : '',\n            formatDate: !!props.formatDate,\n            timeConvention: props.timeConvention ? TimeConvention[props.timeConvention] : '',\n            disabled: props.disabled\n        });\n        // Get the current date/time values\n        var _a = _this.props.value, value = _a === void 0 ? null : _a;\n        var _b = DateTimePicker.getDateComponents(value, props.dateConvention), day = _b.day, hours = _b.hours, minutes = _b.minutes, seconds = _b.seconds;\n        // Set the current state\n        _this.state = {\n            day: day,\n            hours: hours,\n            minutes: minutes,\n            seconds: seconds,\n            errorMessage: ''\n        };\n        _this.async = new Async(_this);\n        _this.delayedValidate = _this.async.debounce(_this.validate, props.deferredValidationTime);\n        return _this;\n    }\n    /**\n     * Called when the component will unmount\n     */\n    DateTimePicker.prototype.componentWillUnmount = function () {\n        this.async.dispose();\n    };\n    /**\n     * Called before the component receives new props, used for matching state with new props.\n     */\n    DateTimePicker.prototype.componentWillReceiveProps = function (nextProps) {\n        if (!isEqual(nextProps.value, this.props.value)) {\n            var _a = DateTimePicker.getDateComponents(nextProps.value, this.props.dateConvention), day = _a.day, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds;\n            this.setState({ day: day, hours: hours, minutes: minutes, seconds: seconds });\n        }\n    };\n    /**\n     * Get the components of a Date object matching the DateConvention settings\n     * @param date Date to extract components from\n     * @param dateConvention DateConvention to follow when extracting date components\n     */\n    DateTimePicker.getDateComponents = function (date, dateConvention) {\n        var day = TimeHelper.cloneDate(date);\n        var hours = dateConvention !== DateConvention.Date && day !== null ? day.getHours() : 0;\n        var minutes = dateConvention !== DateConvention.Date && day !== null ? day.getMinutes() : 0;\n        var seconds = dateConvention !== DateConvention.Date && day !== null ? day.getSeconds() : 0;\n        if (day !== null) {\n            day.setHours(hours);\n            day.setMinutes(minutes);\n            day.setSeconds(seconds);\n        }\n        return { day: day, hours: hours, minutes: minutes, seconds: seconds };\n    };\n    /**\n     * Renders the control\n     */\n    DateTimePicker.prototype.render = function () {\n        var _this = this;\n        // use date value from props if it exists, otherwise use internal state\n        // if no dateConvention is set, default is DateConvention.DateTime\n        var _a = this.props, label = _a.label, disabled = _a.disabled, timeConvention = _a.timeConvention, _b = _a.dateConvention, dateConvention = _b === void 0 ? DateConvention.DateTime : _b, firstDayOfWeek = _a.firstDayOfWeek, _c = _a.isMonthPickerVisible, isMonthPickerVisible = _c === void 0 ? true : _c, showGoToToday = _a.showGoToToday, _d = _a.showMonthPickerAsOverlay, showMonthPickerAsOverlay = _d === void 0 ? false : _d, _e = _a.showWeekNumbers, showWeekNumbers = _e === void 0 ? false : _e, _f = _a.showSeconds, showSeconds = _f === void 0 ? false : _f, formatDate = _a.formatDate, _g = _a.value, value = _g === void 0 ? this.state.day : _g, _h = _a.strings, dateStrings = _h === void 0 ? new DateTimePickerStrings() : _h, // Defines the DatePicker control labels\n        timeDisplayControlType = _a.timeDisplayControlType, placeholder = _a.placeholder, showLabels = _a.showLabels, minDate = _a.minDate, maxDate = _a.maxDate, minutesIncrementStep = _a.minutesIncrementStep;\n        var textErrorMessage = dateStrings.textErrorMessage;\n        var hours = value != null ? value.getHours() : this.state.hours;\n        var minutes = value != null ? value.getMinutes() : this.state.minutes;\n        var seconds = value != null ? value.getSeconds() : this.state.seconds;\n        // Check if the time element needs to be rendered\n        var timeElm = React.createElement(\"div\", { className: \"hidden\" });\n        if (dateConvention === DateConvention.DateTime) {\n            timeElm = (React.createElement(\"div\", { className: css(styles.row, styles.timeRow) },\n                showLabels !== false && React.createElement(\"div\", { className: styles.labelCell },\n                    React.createElement(Label, { className: styles.fieldLabel }, dateStrings.timeLabel)),\n                React.createElement(\"div\", { className: styles.time },\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(HoursComponent, { disabled: disabled, timeConvention: timeConvention, value: hours, onChange: this.dropdownHoursChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text })),\n                    React.createElement(\"div\", { className: styles.separator },\n                        React.createElement(Label, null, dateStrings.timeSeparator)),\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(MinutesComponent, { disabled: disabled, value: minutes, minutesIncrementStep: minutesIncrementStep, onChange: this.dropdownMinutesChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text })),\n                    showSeconds && (React.createElement(\"div\", { className: styles.separator },\n                        React.createElement(Label, null, dateStrings.timeSeparator))),\n                    showSeconds && (React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(SecondsComponent, { disabled: disabled, value: seconds, onChange: this.dropdownSecondsChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text }))))));\n        }\n        // Renders content\n        return (React.createElement(\"div\", { className: styles.dateTimePicker },\n            label && React.createElement(Label, null, label),\n            React.createElement(\"div\", { className: styles.container },\n                React.createElement(\"div\", { className: styles.row },\n                    showLabels !== false && (React.createElement(\"div\", { className: styles.labelCell },\n                        React.createElement(Label, { className: styles.fieldLabel }, dateStrings.dateLabel))),\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(DatePicker, { formatDate: formatDate, disabled: disabled, value: value, strings: dateStrings, isMonthPickerVisible: isMonthPickerVisible, onSelectDate: this.onSelectDate, allowTextInput: true, firstDayOfWeek: firstDayOfWeek, showGoToToday: showGoToToday, showMonthPickerAsOverlay: showMonthPickerAsOverlay, showWeekNumbers: showWeekNumbers, placeholder: placeholder, minDate: minDate, maxDate: maxDate, textField: {\n                                onChange: function (e, newValue) { return _this.handleTextChange(e, newValue, textErrorMessage); }\n                            } }))),\n                timeElm),\n            React.createElement(ErrorMessage, { errorMessage: this.state.errorMessage })));\n    };\n    return DateTimePicker;\n}(React.Component));\nexport { DateTimePicker };\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from \"react\";\nimport { isEqual } from '@microsoft/sp-lodash-subset';\nimport { TimeConvention, DateConvention } from \"./DateTimeConventions\";\nimport { DatePicker } from \"office-ui-fabric-react/lib/DatePicker\";\nimport { Label } from \"office-ui-fabric-react/lib/Label\";\nimport ErrorMessage from \"../errorMessage/ErrorMessage\";\nimport styles from \"./DateTimePicker.module.scss\";\nimport HoursComponent from \"./HoursComponent\";\nimport MinutesComponent from \"./MinutesComponent\";\nimport SecondsComponent from \"./SecondsComponent\";\nimport * as telemetry from \"../../common/telemetry\";\nimport { Async, css } from 'office-ui-fabric-react/lib/Utilities';\nimport { DateTimePickerStrings } from \".\";\nimport { TimeHelper } from \"./TimeHelper\";\nimport { TimeDisplayControlType } from \"./TimeDisplayControlType\";\n/**\n * Renders the controls for DateTimePicker component\n */\nvar DateTimePicker = /** @class */ (function (_super) {\n    __extends(DateTimePicker, _super);\n    /**\n     * Constructor\n     */\n    function DateTimePicker(props) {\n        var _this = _super.call(this, props) || this;\n        _this._latestValidateValue = NaN;\n        /**\n         * Function called when the DatePicker Office UI Fabric component selected date changed\n         */\n        _this.onSelectDate = function (date) {\n            if (!TimeHelper.isValidDate(date)) {\n                return;\n            }\n            // Get hours, minutes and seconds from state or default to zero\n            var _a = _this.state, _b = _a.hours, hours = _b === void 0 ? 0 : _b, _c = _a.minutes, minutes = _c === void 0 ? 0 : _c, _d = _a.seconds, seconds = _d === void 0 ? 0 : _d;\n            var day = TimeHelper.cloneDate(date);\n            day.setHours(hours);\n            day.setMinutes(minutes);\n            day.setSeconds(seconds);\n            _this.setState({ day: day }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when hours value have been changed\n         * @param element Hours dropdown value\n         */\n        _this.dropdownHoursChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var hoursSplit = value.split(\" \");\n                var hoursValue = hoursSplit[0].length > 2 ? hoursSplit[0].substring(0, 2) : hoursSplit[0];\n                var hours = parseInt(hoursValue);\n                if (isNaN(hours)) {\n                    return;\n                }\n                if (_this.props.timeConvention !== TimeConvention.Hours24) {\n                    if (hoursSplit[1] && hoursSplit[1].toLowerCase().indexOf(\"pm\") !== -1) {\n                        hours += 12;\n                        if (hours === 24) {\n                            //this is noon - set to 12 not 0\n                            //hours = 0;\n                            hours = 12;\n                        }\n                    }\n                    else if (hours === 12) {\n                        //am - if hours == 12, set hours to 0 here\n                        hours = 0;\n                    }\n                }\n                if (hours > 23) {\n                    return;\n                }\n                var state = { hours: hours };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setHours(hours);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when minutes value have been changed\n         * @param element Minutes dropdown value\n         */\n        _this.dropdownMinutesChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var minutes = parseInt(value.length > 2 ? value.substring(0, 2) : value);\n                var state = { minutes: minutes };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setMinutes(minutes);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when seconds value have been changed\n         * @param element Seconds dropdown value\n         */\n        _this.dropdownSecondsChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var seconds = parseInt(value.length > 2 ? value.substring(0, 2) : value);\n                var state = { seconds: seconds };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setSeconds(seconds);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Validates string input on date time field\n         */\n        _this.handleTextChange = function (e, newValue, locString) {\n            if (!TimeHelper.isValidDate(newValue)) {\n                _this.setState({\n                    errorMessage: locString,\n                });\n                return;\n            }\n        };\n        /**\n         * Validates the new custom field value\n         */\n        _this.validate = function (dateVal) {\n            if (typeof _this.props.onGetErrorMessage === 'undefined' || _this.props.onGetErrorMessage === null) {\n                _this.notifyAfterValidate(_this.props.value, dateVal);\n                return;\n            }\n            var timestamp = dateVal.getTime();\n            if (_this._latestValidateValue === timestamp) {\n                return;\n            }\n            _this._latestValidateValue = timestamp;\n            var result = _this.props.onGetErrorMessage(dateVal);\n            if (typeof result !== 'undefined') {\n                if (typeof result === 'string') {\n                    if (result === '') {\n                        _this.notifyAfterValidate(_this.props.value, dateVal);\n                    }\n                    _this.setState({\n                        errorMessage: result\n                    });\n                }\n                else {\n                    result.then(function (errorMessage) {\n                        if (typeof errorMessage === 'undefined' || errorMessage === '') {\n                            _this.notifyAfterValidate(_this.props.value, dateVal);\n                        }\n                        _this.setState({\n                            errorMessage: errorMessage\n                        });\n                    });\n                }\n            }\n            else {\n                _this.notifyAfterValidate(_this.props.value, dateVal);\n            }\n        };\n        /**\n         * Notifies the parent Web Part of a property value change\n         */\n        _this.notifyAfterValidate = function (oldValue, newValue) {\n            if (typeof _this.props.onChange !== 'undefined' && _this.props.onChange !== null && newValue !== null) {\n                _this.props.onChange(newValue);\n            }\n        };\n        telemetry.track('ReactDateTimePicker', {\n            dateConvention: props.dateConvention ? DateConvention[props.dateConvention] : '',\n            formatDate: !!props.formatDate,\n            timeConvention: props.timeConvention ? TimeConvention[props.timeConvention] : '',\n            disabled: props.disabled\n        });\n        // Get the current date/time values\n        var _a = _this.props.value, value = _a === void 0 ? null : _a;\n        var _b = DateTimePicker.getDateComponents(value, props.dateConvention), day = _b.day, hours = _b.hours, minutes = _b.minutes, seconds = _b.seconds;\n        // Set the current state\n        _this.state = {\n            day: day,\n            hours: hours,\n            minutes: minutes,\n            seconds: seconds,\n            errorMessage: ''\n        };\n        _this.async = new Async(_this);\n        _this.delayedValidate = _this.async.debounce(_this.validate, props.deferredValidationTime);\n        return _this;\n    }\n    /**\n     * Called when the component will unmount\n     */\n    DateTimePicker.prototype.componentWillUnmount = function () {\n        this.async.dispose();\n    };\n    /**\n     * Called before the component receives new props, used for matching state with new props.\n     */\n    DateTimePicker.prototype.componentWillReceiveProps = function (nextProps) {\n        if (!isEqual(nextProps.value, this.props.value)) {\n            var _a = DateTimePicker.getDateComponents(nextProps.value, this.props.dateConvention), day = _a.day, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds;\n            this.setState({ day: day, hours: hours, minutes: minutes, seconds: seconds });\n        }\n    };\n    /**\n     * Get the components of a Date object matching the DateConvention settings\n     * @param date Date to extract components from\n     * @param dateConvention DateConvention to follow when extracting date components\n     */\n    DateTimePicker.getDateComponents = function (date, dateConvention) {\n        var day = TimeHelper.cloneDate(date);\n        var hours = dateConvention !== DateConvention.Date && day !== null ? day.getHours() : 0;\n        var minutes = dateConvention !== DateConvention.Date && day !== null ? day.getMinutes() : 0;\n        var seconds = dateConvention !== DateConvention.Date && day !== null ? day.getSeconds() : 0;\n        if (day !== null) {\n            day.setHours(hours);\n            day.setMinutes(minutes);\n            day.setSeconds(seconds);\n        }\n        return { day: day, hours: hours, minutes: minutes, seconds: seconds };\n    };\n    /**\n     * Renders the control\n     */\n    DateTimePicker.prototype.render = function () {\n        var _this = this;\n        // use date value from props if it exists, otherwise use internal state\n        // if no dateConvention is set, default is DateConvention.DateTime\n        var _a = this.props, label = _a.label, disabled = _a.disabled, timeConvention = _a.timeConvention, _b = _a.dateConvention, dateConvention = _b === void 0 ? DateConvention.DateTime : _b, firstDayOfWeek = _a.firstDayOfWeek, _c = _a.isMonthPickerVisible, isMonthPickerVisible = _c === void 0 ? true : _c, showGoToToday = _a.showGoToToday, _d = _a.allowTextInput, allowTextInput = _d === void 0 ? true : _d, _e = _a.showMonthPickerAsOverlay, showMonthPickerAsOverlay = _e === void 0 ? false : _e, _f = _a.showWeekNumbers, showWeekNumbers = _f === void 0 ? false : _f, _g = _a.showSeconds, showSeconds = _g === void 0 ? false : _g, formatDate = _a.formatDate, _h = _a.value, value = _h === void 0 ? this.state.day : _h, _j = _a.strings, dateStrings = _j === void 0 ? new DateTimePickerStrings() : _j, // Defines the DatePicker control labels\n        timeDisplayControlType = _a.timeDisplayControlType, placeholder = _a.placeholder, showLabels = _a.showLabels, minDate = _a.minDate, maxDate = _a.maxDate, minutesIncrementStep = _a.minutesIncrementStep;\n        var textErrorMessage = dateStrings.textErrorMessage;\n        var hours = value != null ? value.getHours() : this.state.hours;\n        var minutes = value != null ? value.getMinutes() : this.state.minutes;\n        var seconds = value != null ? value.getSeconds() : this.state.seconds;\n        // Check if the time element needs to be rendered\n        var timeElm = React.createElement(\"div\", { className: \"hidden\" });\n        if (dateConvention === DateConvention.DateTime) {\n            timeElm = (React.createElement(\"div\", { className: css(styles.row, styles.timeRow) },\n                showLabels !== false && React.createElement(\"div\", { className: styles.labelCell },\n                    React.createElement(Label, { className: styles.fieldLabel }, dateStrings.timeLabel)),\n                React.createElement(\"div\", { className: styles.time },\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(HoursComponent, { disabled: disabled, timeConvention: timeConvention, value: hours, onChange: this.dropdownHoursChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text })),\n                    React.createElement(\"div\", { className: styles.separator },\n                        React.createElement(Label, null, dateStrings.timeSeparator)),\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(MinutesComponent, { disabled: disabled, value: minutes, minutesIncrementStep: minutesIncrementStep, onChange: this.dropdownMinutesChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text })),\n                    showSeconds && (React.createElement(\"div\", { className: styles.separator },\n                        React.createElement(Label, null, dateStrings.timeSeparator))),\n                    showSeconds && (React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(SecondsComponent, { disabled: disabled, value: seconds, onChange: this.dropdownSecondsChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text }))))));\n        }\n        // Renders content\n        return (React.createElement(\"div\", { className: styles.dateTimePicker },\n            label && React.createElement(Label, null, label),\n            React.createElement(\"div\", { className: styles.container },\n                React.createElement(\"div\", { className: styles.row },\n                    showLabels !== false && (React.createElement(\"div\", { className: styles.labelCell },\n                        React.createElement(Label, { className: styles.fieldLabel }, dateStrings.dateLabel))),\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(DatePicker, { formatDate: formatDate, disabled: disabled, value: value, strings: dateStrings, isMonthPickerVisible: isMonthPickerVisible, onSelectDate: this.onSelectDate, allowTextInput: allowTextInput, firstDayOfWeek: firstDayOfWeek, showGoToToday: showGoToToday, showMonthPickerAsOverlay: showMonthPickerAsOverlay, showWeekNumbers: showWeekNumbers, placeholder: placeholder, minDate: minDate, maxDate: maxDate, textField: {\n                                onChange: function (e, newValue) { return _this.handleTextChange(e, newValue, textErrorMessage); }\n                            } }))),\n                timeElm),\n            React.createElement(ErrorMessage, { errorMessage: this.state.errorMessage })));\n    };\n    return DateTimePicker;\n}(React.Component));\nexport { DateTimePicker };\n"
         },
         {
           "id": "zgw+",
@@ -501276,7 +501286,7 @@
         "ootb-fields-field-customizer.js",
         "ootb-fields-field-customizer.js.map"
       ],
-      "hash": "4f2ed3b07dabab0c1040",
+      "hash": "55250f6b5fa4fa19ac0c",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -650671,7 +650681,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.6.0-beta.1807832\";\n"
+          "source": "export var version = \"3.6.0-beta.1807955\";\n"
         },
         {
           "id": "cPD0",
@@ -699271,9 +699281,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+      "issuerId": "thf+",
+      "issuerName": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -699326,14 +699336,19 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+        },
+        {
+          "id": "thf+",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
         }
       ],
       "failed": false,
@@ -733622,9 +733637,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-      "issuerId": "lDWV",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+      "issuerId": "bO7i",
+      "issuerName": "./node_modules/@popperjs/core/lib/createPopper.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -733677,14 +733692,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "lDWV",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         }
       ],
       "failed": false,
@@ -735828,9 +735843,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-      "issuerId": "lDWV",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuerId": "CSm3",
+      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -735888,9 +735903,9 @@
           "name": "./node_modules/@popperjs/core/lib/popper.js"
         },
         {
-          "id": "lDWV",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+          "id": "CSm3",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
         }
       ],
       "failed": false,
@@ -747884,11 +747899,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
-        {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
-        },
         {
           "id": "HnbP",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
@@ -764773,9 +764783,9 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "HnbP",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
         },
         {
           "id": "lDWV",
@@ -823258,9 +823268,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-      "issuerId": "OcOZ",
-      "issuerName": "./node_modules/@popperjs/core/lib/popper.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
+      "issuerId": "EjV/",
+      "issuerName": "./node_modules/@popperjs/core/lib/index.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -823311,11 +823321,6 @@
           "id": "EjV/",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
           "name": "./node_modules/@popperjs/core/lib/index.js"
-        },
-        {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
         }
       ],
       "failed": false,
@@ -829249,9 +829254,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/applyStyles.js",
+      "issuerId": "CrRX",
+      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/applyStyles.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -829304,14 +829309,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "CrRX",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/applyStyles.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/applyStyles.js"
         }
       ],
       "failed": false,
@@ -838440,14 +838445,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "lDWV",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+          "id": "fNrw",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
         },
         {
           "id": "titc",
@@ -872341,9 +872346,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela/es/getFontUrl.js",
-      "issuerId": "NGY8",
-      "issuerName": "./node_modules/fela/es/getFontUrl.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela/es/getFontFormat.js",
+      "issuerId": "V9+4",
+      "issuerName": "./node_modules/fela/es/getFontFormat.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -872396,9 +872401,9 @@
           "name": "./node_modules/fela/es/generateFontSource.js"
         },
         {
-          "id": "NGY8",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela/es/getFontUrl.js",
-          "name": "./node_modules/fela/es/getFontUrl.js"
+          "id": "V9+4",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela/es/getFontFormat.js",
+          "name": "./node_modules/fela/es/getFontFormat.js"
         }
       ],
       "failed": false,
@@ -876769,9 +876774,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-bindings/es/FelaComponentFactory.js",
-      "issuerId": "F9NY",
-      "issuerName": "./node_modules/fela-bindings/es/FelaComponentFactory.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-bindings/es/FelaThemeFactory.js",
+      "issuerId": "uwaF",
+      "issuerName": "./node_modules/fela-bindings/es/FelaThemeFactory.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -876824,9 +876829,9 @@
           "name": "./node_modules/fela-bindings/es/index.js"
         },
         {
-          "id": "F9NY",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-bindings/es/FelaComponentFactory.js",
-          "name": "./node_modules/fela-bindings/es/FelaComponentFactory.js"
+          "id": "uwaF",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-bindings/es/FelaThemeFactory.js",
+          "name": "./node_modules/fela-bindings/es/FelaThemeFactory.js"
         }
       ],
       "failed": false,
@@ -877501,9 +877506,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-      "issuerId": "lDWV",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/mergePaddingObject.js",
+      "issuerId": "05uC",
+      "issuerName": "./node_modules/@popperjs/core/lib/utils/mergePaddingObject.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -877556,14 +877561,24 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "lDWV",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+        },
+        {
+          "id": "thf+",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+        },
+        {
+          "id": "05uC",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/mergePaddingObject.js",
+          "name": "./node_modules/@popperjs/core/lib/utils/mergePaddingObject.js"
         }
       ],
       "failed": false,
@@ -895566,9 +895581,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-      "issuerId": "lDWV",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
+      "issuerId": "XX6W",
+      "issuerName": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -895621,14 +895636,19 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "lDWV",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+          "id": "E0qH",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/popperOffsets.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"
+        },
+        {
+          "id": "XX6W",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
+          "name": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js"
         }
       ],
       "failed": false,
@@ -897955,14 +897975,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "HWy5",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/hide.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         },
         {
           "id": "thf+",
@@ -899265,11 +899285,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
-        {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
-        },
         {
           "id": "HnbP",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
@@ -927985,11 +928000,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
-        {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
-        },
         {
           "id": "HnbP",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
@@ -933834,11 +933844,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
-        {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
-        },
         {
           "id": "HnbP",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
@@ -942483,9 +942488,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/accessibleAccordion/components/AccordionItemHeading.js",
-      "issuerId": "PVoh",
-      "issuerName": "./lib/controls/accessibleAccordion/components/AccordionItemHeading.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/accessibleAccordion/components/AccordionItem.js",
+      "issuerId": "ZDhp",
+      "issuerName": "./lib/controls/accessibleAccordion/components/AccordionItem.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -942503,9 +942508,9 @@
           "name": "./lib/controls/accessibleAccordion/index.js"
         },
         {
-          "id": "PVoh",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/accessibleAccordion/components/AccordionItemHeading.js",
-          "name": "./lib/controls/accessibleAccordion/components/AccordionItemHeading.js"
+          "id": "ZDhp",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/accessibleAccordion/components/AccordionItem.js",
+          "name": "./lib/controls/accessibleAccordion/components/AccordionItem.js"
         }
       ],
       "failed": false,
@@ -1035384,7 +1035389,7 @@
       ],
       "optimizationBailout": [],
       "depth": 4,
-      "source": "export var version = \"3.6.0-beta.1807832\";\n"
+      "source": "export var version = \"3.6.0-beta.1807955\";\n"
     },
     {
       "id": "cLrF",
@@ -1054604,14 +1054609,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "HWy5",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/hide.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         },
         {
           "id": "thf+",
@@ -1063644,14 +1063649,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "HWy5",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/hide.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         },
         {
           "id": "thf+",
@@ -1066451,9 +1066456,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
+      "issuerId": "neCt",
+      "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1066506,14 +1066511,24 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+        },
+        {
+          "id": "thf+",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+        },
+        {
+          "id": "neCt",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
+          "name": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js"
         }
       ],
       "failed": false,
@@ -1087483,7 +1087498,7 @@
           "moduleName": "./lib/controls/dateTimePicker/DateTimePicker.js",
           "type": "harmony import specifier",
           "userRequest": ".",
-          "loc": "245:706-727"
+          "loc": "245:774-795"
         }
       ],
       "providedExports": null,
@@ -1091145,9 +1091160,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-      "issuerId": "OcOZ",
-      "issuerName": "./node_modules/@popperjs/core/lib/popper.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
+      "issuerId": "HnbP",
+      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/index.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1091200,9 +1091215,9 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "HnbP",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
         }
       ],
       "failed": false,
@@ -1099560,11 +1099575,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/index.js",
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
-        {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
-        },
         {
           "id": "HnbP",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
@@ -1099780,9 +1099790,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+      "issuerId": "thf+",
+      "issuerName": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1099835,14 +1099845,19 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+        },
+        {
+          "id": "thf+",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
         }
       ],
       "failed": false,
@@ -1105633,14 +1105648,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "HWy5",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/hide.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         },
         {
           "id": "thf+",
@@ -1127015,9 +1127030,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-      "issuerId": "lDWV",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
+      "issuerId": "XX6W",
+      "issuerName": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1127070,14 +1127085,19 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "lDWV",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+          "id": "E0qH",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/popperOffsets.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"
+        },
+        {
+          "id": "XX6W",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
+          "name": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js"
         }
       ],
       "failed": false,
@@ -1137287,14 +1137307,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "lDWV",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+          "id": "fNrw",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
         },
         {
           "id": "titc",
@@ -1144532,9 +1144552,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-      "issuerId": "HWy5",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/hide.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+      "issuerId": "bO7i",
+      "issuerName": "./node_modules/@popperjs/core/lib/createPopper.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1144587,14 +1144607,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "HWy5",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/hide.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/hide.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         }
       ],
       "failed": false,
@@ -1144798,9 +1144818,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-      "issuerId": "lDWV",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+      "issuerId": "fNrw",
+      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1144853,14 +1144873,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "OcOZ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper.js",
-          "name": "./node_modules/@popperjs/core/lib/popper.js"
+          "id": "RdE5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/popper-lite.js",
+          "name": "./node_modules/@popperjs/core/lib/popper-lite.js"
         },
         {
-          "id": "lDWV",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+          "id": "fNrw",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
         }
       ],
       "failed": false,
@@ -1172615,9 +1172635,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Card/cardStyles.js",
-      "issuerId": "qCUT",
-      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Card/cardStyles.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Table/tableCellStyles.js",
+      "issuerId": "1C2p",
+      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Table/tableCellStyles.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1172645,9 +1172665,9 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
         },
         {
-          "id": "qCUT",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Card/cardStyles.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Card/cardStyles.js"
+          "id": "1C2p",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Table/tableCellStyles.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Table/tableCellStyles.js"
         }
       ],
       "failed": false,
@@ -1184758,7 +1184778,7 @@
       "name": "./lib/controls/dateTimePicker/DateTimePicker.js",
       "index": 2334,
       "index2": 2352,
-      "size": 15248,
+      "size": 15326,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -1184820,7 +1184840,7 @@
       ],
       "optimizationBailout": [],
       "depth": 4,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from \"react\";\nimport { isEqual } from '@microsoft/sp-lodash-subset';\nimport { TimeConvention, DateConvention } from \"./DateTimeConventions\";\nimport { DatePicker } from \"office-ui-fabric-react/lib/DatePicker\";\nimport { Label } from \"office-ui-fabric-react/lib/Label\";\nimport ErrorMessage from \"../errorMessage/ErrorMessage\";\nimport styles from \"./DateTimePicker.module.scss\";\nimport HoursComponent from \"./HoursComponent\";\nimport MinutesComponent from \"./MinutesComponent\";\nimport SecondsComponent from \"./SecondsComponent\";\nimport * as telemetry from \"../../common/telemetry\";\nimport { Async, css } from 'office-ui-fabric-react/lib/Utilities';\nimport { DateTimePickerStrings } from \".\";\nimport { TimeHelper } from \"./TimeHelper\";\nimport { TimeDisplayControlType } from \"./TimeDisplayControlType\";\n/**\n * Renders the controls for DateTimePicker component\n */\nvar DateTimePicker = /** @class */ (function (_super) {\n    __extends(DateTimePicker, _super);\n    /**\n     * Constructor\n     */\n    function DateTimePicker(props) {\n        var _this = _super.call(this, props) || this;\n        _this._latestValidateValue = NaN;\n        /**\n         * Function called when the DatePicker Office UI Fabric component selected date changed\n         */\n        _this.onSelectDate = function (date) {\n            if (!TimeHelper.isValidDate(date)) {\n                return;\n            }\n            // Get hours, minutes and seconds from state or default to zero\n            var _a = _this.state, _b = _a.hours, hours = _b === void 0 ? 0 : _b, _c = _a.minutes, minutes = _c === void 0 ? 0 : _c, _d = _a.seconds, seconds = _d === void 0 ? 0 : _d;\n            var day = TimeHelper.cloneDate(date);\n            day.setHours(hours);\n            day.setMinutes(minutes);\n            day.setSeconds(seconds);\n            _this.setState({ day: day }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when hours value have been changed\n         * @param element Hours dropdown value\n         */\n        _this.dropdownHoursChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var hoursSplit = value.split(\" \");\n                var hoursValue = hoursSplit[0].length > 2 ? hoursSplit[0].substring(0, 2) : hoursSplit[0];\n                var hours = parseInt(hoursValue);\n                if (isNaN(hours)) {\n                    return;\n                }\n                if (_this.props.timeConvention !== TimeConvention.Hours24) {\n                    if (hoursSplit[1] && hoursSplit[1].toLowerCase().indexOf(\"pm\") !== -1) {\n                        hours += 12;\n                        if (hours === 24) {\n                            //this is noon - set to 12 not 0\n                            //hours = 0;\n                            hours = 12;\n                        }\n                    }\n                    else if (hours === 12) {\n                        //am - if hours == 12, set hours to 0 here\n                        hours = 0;\n                    }\n                }\n                if (hours > 23) {\n                    return;\n                }\n                var state = { hours: hours };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setHours(hours);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when minutes value have been changed\n         * @param element Minutes dropdown value\n         */\n        _this.dropdownMinutesChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var minutes = parseInt(value.length > 2 ? value.substring(0, 2) : value);\n                var state = { minutes: minutes };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setMinutes(minutes);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when seconds value have been changed\n         * @param element Seconds dropdown value\n         */\n        _this.dropdownSecondsChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var seconds = parseInt(value.length > 2 ? value.substring(0, 2) : value);\n                var state = { seconds: seconds };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setSeconds(seconds);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Validates string input on date time field\n         */\n        _this.handleTextChange = function (e, newValue, locString) {\n            if (!TimeHelper.isValidDate(newValue)) {\n                _this.setState({\n                    errorMessage: locString,\n                });\n                return;\n            }\n        };\n        /**\n         * Validates the new custom field value\n         */\n        _this.validate = function (dateVal) {\n            if (typeof _this.props.onGetErrorMessage === 'undefined' || _this.props.onGetErrorMessage === null) {\n                _this.notifyAfterValidate(_this.props.value, dateVal);\n                return;\n            }\n            var timestamp = dateVal.getTime();\n            if (_this._latestValidateValue === timestamp) {\n                return;\n            }\n            _this._latestValidateValue = timestamp;\n            var result = _this.props.onGetErrorMessage(dateVal);\n            if (typeof result !== 'undefined') {\n                if (typeof result === 'string') {\n                    if (result === '') {\n                        _this.notifyAfterValidate(_this.props.value, dateVal);\n                    }\n                    _this.setState({\n                        errorMessage: result\n                    });\n                }\n                else {\n                    result.then(function (errorMessage) {\n                        if (typeof errorMessage === 'undefined' || errorMessage === '') {\n                            _this.notifyAfterValidate(_this.props.value, dateVal);\n                        }\n                        _this.setState({\n                            errorMessage: errorMessage\n                        });\n                    });\n                }\n            }\n            else {\n                _this.notifyAfterValidate(_this.props.value, dateVal);\n            }\n        };\n        /**\n         * Notifies the parent Web Part of a property value change\n         */\n        _this.notifyAfterValidate = function (oldValue, newValue) {\n            if (typeof _this.props.onChange !== 'undefined' && _this.props.onChange !== null && newValue !== null) {\n                _this.props.onChange(newValue);\n            }\n        };\n        telemetry.track('ReactDateTimePicker', {\n            dateConvention: props.dateConvention ? DateConvention[props.dateConvention] : '',\n            formatDate: !!props.formatDate,\n            timeConvention: props.timeConvention ? TimeConvention[props.timeConvention] : '',\n            disabled: props.disabled\n        });\n        // Get the current date/time values\n        var _a = _this.props.value, value = _a === void 0 ? null : _a;\n        var _b = DateTimePicker.getDateComponents(value, props.dateConvention), day = _b.day, hours = _b.hours, minutes = _b.minutes, seconds = _b.seconds;\n        // Set the current state\n        _this.state = {\n            day: day,\n            hours: hours,\n            minutes: minutes,\n            seconds: seconds,\n            errorMessage: ''\n        };\n        _this.async = new Async(_this);\n        _this.delayedValidate = _this.async.debounce(_this.validate, props.deferredValidationTime);\n        return _this;\n    }\n    /**\n     * Called when the component will unmount\n     */\n    DateTimePicker.prototype.componentWillUnmount = function () {\n        this.async.dispose();\n    };\n    /**\n     * Called before the component receives new props, used for matching state with new props.\n     */\n    DateTimePicker.prototype.componentWillReceiveProps = function (nextProps) {\n        if (!isEqual(nextProps.value, this.props.value)) {\n            var _a = DateTimePicker.getDateComponents(nextProps.value, this.props.dateConvention), day = _a.day, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds;\n            this.setState({ day: day, hours: hours, minutes: minutes, seconds: seconds });\n        }\n    };\n    /**\n     * Get the components of a Date object matching the DateConvention settings\n     * @param date Date to extract components from\n     * @param dateConvention DateConvention to follow when extracting date components\n     */\n    DateTimePicker.getDateComponents = function (date, dateConvention) {\n        var day = TimeHelper.cloneDate(date);\n        var hours = dateConvention !== DateConvention.Date && day !== null ? day.getHours() : 0;\n        var minutes = dateConvention !== DateConvention.Date && day !== null ? day.getMinutes() : 0;\n        var seconds = dateConvention !== DateConvention.Date && day !== null ? day.getSeconds() : 0;\n        if (day !== null) {\n            day.setHours(hours);\n            day.setMinutes(minutes);\n            day.setSeconds(seconds);\n        }\n        return { day: day, hours: hours, minutes: minutes, seconds: seconds };\n    };\n    /**\n     * Renders the control\n     */\n    DateTimePicker.prototype.render = function () {\n        var _this = this;\n        // use date value from props if it exists, otherwise use internal state\n        // if no dateConvention is set, default is DateConvention.DateTime\n        var _a = this.props, label = _a.label, disabled = _a.disabled, timeConvention = _a.timeConvention, _b = _a.dateConvention, dateConvention = _b === void 0 ? DateConvention.DateTime : _b, firstDayOfWeek = _a.firstDayOfWeek, _c = _a.isMonthPickerVisible, isMonthPickerVisible = _c === void 0 ? true : _c, showGoToToday = _a.showGoToToday, _d = _a.showMonthPickerAsOverlay, showMonthPickerAsOverlay = _d === void 0 ? false : _d, _e = _a.showWeekNumbers, showWeekNumbers = _e === void 0 ? false : _e, _f = _a.showSeconds, showSeconds = _f === void 0 ? false : _f, formatDate = _a.formatDate, _g = _a.value, value = _g === void 0 ? this.state.day : _g, _h = _a.strings, dateStrings = _h === void 0 ? new DateTimePickerStrings() : _h, // Defines the DatePicker control labels\n        timeDisplayControlType = _a.timeDisplayControlType, placeholder = _a.placeholder, showLabels = _a.showLabels, minDate = _a.minDate, maxDate = _a.maxDate, minutesIncrementStep = _a.minutesIncrementStep;\n        var textErrorMessage = dateStrings.textErrorMessage;\n        var hours = value != null ? value.getHours() : this.state.hours;\n        var minutes = value != null ? value.getMinutes() : this.state.minutes;\n        var seconds = value != null ? value.getSeconds() : this.state.seconds;\n        // Check if the time element needs to be rendered\n        var timeElm = React.createElement(\"div\", { className: \"hidden\" });\n        if (dateConvention === DateConvention.DateTime) {\n            timeElm = (React.createElement(\"div\", { className: css(styles.row, styles.timeRow) },\n                showLabels !== false && React.createElement(\"div\", { className: styles.labelCell },\n                    React.createElement(Label, { className: styles.fieldLabel }, dateStrings.timeLabel)),\n                React.createElement(\"div\", { className: styles.time },\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(HoursComponent, { disabled: disabled, timeConvention: timeConvention, value: hours, onChange: this.dropdownHoursChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text })),\n                    React.createElement(\"div\", { className: styles.separator },\n                        React.createElement(Label, null, dateStrings.timeSeparator)),\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(MinutesComponent, { disabled: disabled, value: minutes, minutesIncrementStep: minutesIncrementStep, onChange: this.dropdownMinutesChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text })),\n                    showSeconds && (React.createElement(\"div\", { className: styles.separator },\n                        React.createElement(Label, null, dateStrings.timeSeparator))),\n                    showSeconds && (React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(SecondsComponent, { disabled: disabled, value: seconds, onChange: this.dropdownSecondsChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text }))))));\n        }\n        // Renders content\n        return (React.createElement(\"div\", { className: styles.dateTimePicker },\n            label && React.createElement(Label, null, label),\n            React.createElement(\"div\", { className: styles.container },\n                React.createElement(\"div\", { className: styles.row },\n                    showLabels !== false && (React.createElement(\"div\", { className: styles.labelCell },\n                        React.createElement(Label, { className: styles.fieldLabel }, dateStrings.dateLabel))),\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(DatePicker, { formatDate: formatDate, disabled: disabled, value: value, strings: dateStrings, isMonthPickerVisible: isMonthPickerVisible, onSelectDate: this.onSelectDate, allowTextInput: true, firstDayOfWeek: firstDayOfWeek, showGoToToday: showGoToToday, showMonthPickerAsOverlay: showMonthPickerAsOverlay, showWeekNumbers: showWeekNumbers, placeholder: placeholder, minDate: minDate, maxDate: maxDate, textField: {\n                                onChange: function (e, newValue) { return _this.handleTextChange(e, newValue, textErrorMessage); }\n                            } }))),\n                timeElm),\n            React.createElement(ErrorMessage, { errorMessage: this.state.errorMessage })));\n    };\n    return DateTimePicker;\n}(React.Component));\nexport { DateTimePicker };\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from \"react\";\nimport { isEqual } from '@microsoft/sp-lodash-subset';\nimport { TimeConvention, DateConvention } from \"./DateTimeConventions\";\nimport { DatePicker } from \"office-ui-fabric-react/lib/DatePicker\";\nimport { Label } from \"office-ui-fabric-react/lib/Label\";\nimport ErrorMessage from \"../errorMessage/ErrorMessage\";\nimport styles from \"./DateTimePicker.module.scss\";\nimport HoursComponent from \"./HoursComponent\";\nimport MinutesComponent from \"./MinutesComponent\";\nimport SecondsComponent from \"./SecondsComponent\";\nimport * as telemetry from \"../../common/telemetry\";\nimport { Async, css } from 'office-ui-fabric-react/lib/Utilities';\nimport { DateTimePickerStrings } from \".\";\nimport { TimeHelper } from \"./TimeHelper\";\nimport { TimeDisplayControlType } from \"./TimeDisplayControlType\";\n/**\n * Renders the controls for DateTimePicker component\n */\nvar DateTimePicker = /** @class */ (function (_super) {\n    __extends(DateTimePicker, _super);\n    /**\n     * Constructor\n     */\n    function DateTimePicker(props) {\n        var _this = _super.call(this, props) || this;\n        _this._latestValidateValue = NaN;\n        /**\n         * Function called when the DatePicker Office UI Fabric component selected date changed\n         */\n        _this.onSelectDate = function (date) {\n            if (!TimeHelper.isValidDate(date)) {\n                return;\n            }\n            // Get hours, minutes and seconds from state or default to zero\n            var _a = _this.state, _b = _a.hours, hours = _b === void 0 ? 0 : _b, _c = _a.minutes, minutes = _c === void 0 ? 0 : _c, _d = _a.seconds, seconds = _d === void 0 ? 0 : _d;\n            var day = TimeHelper.cloneDate(date);\n            day.setHours(hours);\n            day.setMinutes(minutes);\n            day.setSeconds(seconds);\n            _this.setState({ day: day }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when hours value have been changed\n         * @param element Hours dropdown value\n         */\n        _this.dropdownHoursChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var hoursSplit = value.split(\" \");\n                var hoursValue = hoursSplit[0].length > 2 ? hoursSplit[0].substring(0, 2) : hoursSplit[0];\n                var hours = parseInt(hoursValue);\n                if (isNaN(hours)) {\n                    return;\n                }\n                if (_this.props.timeConvention !== TimeConvention.Hours24) {\n                    if (hoursSplit[1] && hoursSplit[1].toLowerCase().indexOf(\"pm\") !== -1) {\n                        hours += 12;\n                        if (hours === 24) {\n                            //this is noon - set to 12 not 0\n                            //hours = 0;\n                            hours = 12;\n                        }\n                    }\n                    else if (hours === 12) {\n                        //am - if hours == 12, set hours to 0 here\n                        hours = 0;\n                    }\n                }\n                if (hours > 23) {\n                    return;\n                }\n                var state = { hours: hours };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setHours(hours);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when minutes value have been changed\n         * @param element Minutes dropdown value\n         */\n        _this.dropdownMinutesChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var minutes = parseInt(value.length > 2 ? value.substring(0, 2) : value);\n                var state = { minutes: minutes };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setMinutes(minutes);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Function called when seconds value have been changed\n         * @param element Seconds dropdown value\n         */\n        _this.dropdownSecondsChanged = function (value) {\n            _this.setState(function (_a) {\n                var day = _a.day;\n                var seconds = parseInt(value.length > 2 ? value.substring(0, 2) : value);\n                var state = { seconds: seconds };\n                var date = TimeHelper.cloneDate(day);\n                if (date) {\n                    date.setSeconds(seconds);\n                    state.day = date;\n                }\n                return state;\n            }, function () { return _this.delayedValidate(_this.state.day); });\n        };\n        /**\n         * Validates string input on date time field\n         */\n        _this.handleTextChange = function (e, newValue, locString) {\n            if (!TimeHelper.isValidDate(newValue)) {\n                _this.setState({\n                    errorMessage: locString,\n                });\n                return;\n            }\n        };\n        /**\n         * Validates the new custom field value\n         */\n        _this.validate = function (dateVal) {\n            if (typeof _this.props.onGetErrorMessage === 'undefined' || _this.props.onGetErrorMessage === null) {\n                _this.notifyAfterValidate(_this.props.value, dateVal);\n                return;\n            }\n            var timestamp = dateVal.getTime();\n            if (_this._latestValidateValue === timestamp) {\n                return;\n            }\n            _this._latestValidateValue = timestamp;\n            var result = _this.props.onGetErrorMessage(dateVal);\n            if (typeof result !== 'undefined') {\n                if (typeof result === 'string') {\n                    if (result === '') {\n                        _this.notifyAfterValidate(_this.props.value, dateVal);\n                    }\n                    _this.setState({\n                        errorMessage: result\n                    });\n                }\n                else {\n                    result.then(function (errorMessage) {\n                        if (typeof errorMessage === 'undefined' || errorMessage === '') {\n                            _this.notifyAfterValidate(_this.props.value, dateVal);\n                        }\n                        _this.setState({\n                            errorMessage: errorMessage\n                        });\n                    });\n                }\n            }\n            else {\n                _this.notifyAfterValidate(_this.props.value, dateVal);\n            }\n        };\n        /**\n         * Notifies the parent Web Part of a property value change\n         */\n        _this.notifyAfterValidate = function (oldValue, newValue) {\n            if (typeof _this.props.onChange !== 'undefined' && _this.props.onChange !== null && newValue !== null) {\n                _this.props.onChange(newValue);\n            }\n        };\n        telemetry.track('ReactDateTimePicker', {\n            dateConvention: props.dateConvention ? DateConvention[props.dateConvention] : '',\n            formatDate: !!props.formatDate,\n            timeConvention: props.timeConvention ? TimeConvention[props.timeConvention] : '',\n            disabled: props.disabled\n        });\n        // Get the current date/time values\n        var _a = _this.props.value, value = _a === void 0 ? null : _a;\n        var _b = DateTimePicker.getDateComponents(value, props.dateConvention), day = _b.day, hours = _b.hours, minutes = _b.minutes, seconds = _b.seconds;\n        // Set the current state\n        _this.state = {\n            day: day,\n            hours: hours,\n            minutes: minutes,\n            seconds: seconds,\n            errorMessage: ''\n        };\n        _this.async = new Async(_this);\n        _this.delayedValidate = _this.async.debounce(_this.validate, props.deferredValidationTime);\n        return _this;\n    }\n    /**\n     * Called when the component will unmount\n     */\n    DateTimePicker.prototype.componentWillUnmount = function () {\n        this.async.dispose();\n    };\n    /**\n     * Called before the component receives new props, used for matching state with new props.\n     */\n    DateTimePicker.prototype.componentWillReceiveProps = function (nextProps) {\n        if (!isEqual(nextProps.value, this.props.value)) {\n            var _a = DateTimePicker.getDateComponents(nextProps.value, this.props.dateConvention), day = _a.day, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds;\n            this.setState({ day: day, hours: hours, minutes: minutes, seconds: seconds });\n        }\n    };\n    /**\n     * Get the components of a Date object matching the DateConvention settings\n     * @param date Date to extract components from\n     * @param dateConvention DateConvention to follow when extracting date components\n     */\n    DateTimePicker.getDateComponents = function (date, dateConvention) {\n        var day = TimeHelper.cloneDate(date);\n        var hours = dateConvention !== DateConvention.Date && day !== null ? day.getHours() : 0;\n        var minutes = dateConvention !== DateConvention.Date && day !== null ? day.getMinutes() : 0;\n        var seconds = dateConvention !== DateConvention.Date && day !== null ? day.getSeconds() : 0;\n        if (day !== null) {\n            day.setHours(hours);\n            day.setMinutes(minutes);\n            day.setSeconds(seconds);\n        }\n        return { day: day, hours: hours, minutes: minutes, seconds: seconds };\n    };\n    /**\n     * Renders the control\n     */\n    DateTimePicker.prototype.render = function () {\n        var _this = this;\n        // use date value from props if it exists, otherwise use internal state\n        // if no dateConvention is set, default is DateConvention.DateTime\n        var _a = this.props, label = _a.label, disabled = _a.disabled, timeConvention = _a.timeConvention, _b = _a.dateConvention, dateConvention = _b === void 0 ? DateConvention.DateTime : _b, firstDayOfWeek = _a.firstDayOfWeek, _c = _a.isMonthPickerVisible, isMonthPickerVisible = _c === void 0 ? true : _c, showGoToToday = _a.showGoToToday, _d = _a.allowTextInput, allowTextInput = _d === void 0 ? true : _d, _e = _a.showMonthPickerAsOverlay, showMonthPickerAsOverlay = _e === void 0 ? false : _e, _f = _a.showWeekNumbers, showWeekNumbers = _f === void 0 ? false : _f, _g = _a.showSeconds, showSeconds = _g === void 0 ? false : _g, formatDate = _a.formatDate, _h = _a.value, value = _h === void 0 ? this.state.day : _h, _j = _a.strings, dateStrings = _j === void 0 ? new DateTimePickerStrings() : _j, // Defines the DatePicker control labels\n        timeDisplayControlType = _a.timeDisplayControlType, placeholder = _a.placeholder, showLabels = _a.showLabels, minDate = _a.minDate, maxDate = _a.maxDate, minutesIncrementStep = _a.minutesIncrementStep;\n        var textErrorMessage = dateStrings.textErrorMessage;\n        var hours = value != null ? value.getHours() : this.state.hours;\n        var minutes = value != null ? value.getMinutes() : this.state.minutes;\n        var seconds = value != null ? value.getSeconds() : this.state.seconds;\n        // Check if the time element needs to be rendered\n        var timeElm = React.createElement(\"div\", { className: \"hidden\" });\n        if (dateConvention === DateConvention.DateTime) {\n            timeElm = (React.createElement(\"div\", { className: css(styles.row, styles.timeRow) },\n                showLabels !== false && React.createElement(\"div\", { className: styles.labelCell },\n                    React.createElement(Label, { className: styles.fieldLabel }, dateStrings.timeLabel)),\n                React.createElement(\"div\", { className: styles.time },\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(HoursComponent, { disabled: disabled, timeConvention: timeConvention, value: hours, onChange: this.dropdownHoursChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text })),\n                    React.createElement(\"div\", { className: styles.separator },\n                        React.createElement(Label, null, dateStrings.timeSeparator)),\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(MinutesComponent, { disabled: disabled, value: minutes, minutesIncrementStep: minutesIncrementStep, onChange: this.dropdownMinutesChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text })),\n                    showSeconds && (React.createElement(\"div\", { className: styles.separator },\n                        React.createElement(Label, null, dateStrings.timeSeparator))),\n                    showSeconds && (React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(SecondsComponent, { disabled: disabled, value: seconds, onChange: this.dropdownSecondsChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType.Text }))))));\n        }\n        // Renders content\n        return (React.createElement(\"div\", { className: styles.dateTimePicker },\n            label && React.createElement(Label, null, label),\n            React.createElement(\"div\", { className: styles.container },\n                React.createElement(\"div\", { className: styles.row },\n                    showLabels !== false && (React.createElement(\"div\", { className: styles.labelCell },\n                        React.createElement(Label, { className: styles.fieldLabel }, dateStrings.dateLabel))),\n                    React.createElement(\"div\", { className: styles.picker },\n                        React.createElement(DatePicker, { formatDate: formatDate, disabled: disabled, value: value, strings: dateStrings, isMonthPickerVisible: isMonthPickerVisible, onSelectDate: this.onSelectDate, allowTextInput: allowTextInput, firstDayOfWeek: firstDayOfWeek, showGoToToday: showGoToToday, showMonthPickerAsOverlay: showMonthPickerAsOverlay, showWeekNumbers: showWeekNumbers, placeholder: placeholder, minDate: minDate, maxDate: maxDate, textField: {\n                                onChange: function (e, newValue) { return _this.handleTextChange(e, newValue, textErrorMessage); }\n                            } }))),\n                timeElm),\n            React.createElement(ErrorMessage, { errorMessage: this.state.errorMessage })));\n    };\n    return DateTimePicker;\n}(React.Component));\nexport { DateTimePicker };\n"
     },
     {
       "id": "zgw+",