@atlaskit/datetime-picker 16.2.3 → 17.0.0

package/dist/cjs/internal/date-time-picker-container.js

@@ -1,78 +1,30 @@
+/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DateTimePickerContainer = void 0;
+require("./date-time-picker-container.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var isInvalidBorderStyles = (0, _react2.css)({
-  borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")")
-});
-var isFocusedBorderStyles = (0, _react2.css)({
-  borderColor: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
-  boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(_colors.B100, ")"))
-});
-var isFocusedStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-background-input-pressed, ".concat(_colors.N0, ")")
-});
-var subtleBgStyles = (0, _react2.css)({
-  backgroundColor: 'transparent',
-  borderColor: 'transparent'
-});
-var subtleFocusedBgStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-background-input-pressed, transparent)",
-  borderColor: 'transparent'
-});
-var noBgStyles = (0, _react2.css)({
-  backgroundColor: 'transparent',
-  borderColor: 'transparent',
-  '&:hover': {
-    backgroundColor: 'transparent',
-    borderColor: 'transparent'
-  }
-});
-var hoverStyles = (0, _react2.css)({
-  '&:hover': {
-    backgroundColor: "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
-    borderColor: "var(--ds-border-input, ".concat(_colors.N100, ")")
-  }
-});
-var isInvalidHoverStyles = (0, _react2.css)({
-  '&:hover': {
-    backgroundColor: "var(--ds-background-input-hovered, ".concat(_colors.N0, ")"),
-    borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")")
-  }
-});
-var isDisabledStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-background-disabled, #091E4208)",
-  borderColor: "var(--ds-border-disabled, #091E420F)",
-  '&:hover': {
-    cursor: 'default'
-  }
-});
-var newBorderStyles = (0, _react2.css)({
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(_colors.N100, ")"))
-});
-var baseContainerStyles = (0, _react2.css)({
-  display: 'flex',
-  backgroundColor: "var(--ds-background-input, ".concat(_colors.N20, ")"),
-  border: "2px solid ".concat("var(--ds-border-input, ".concat(_colors.N20, ")")),
-  borderRadius: "var(--ds-border-radius, 3px)",
-  transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
-  '&:hover': {
-    cursor: 'pointer'
-  }
-});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var isInvalidBorderStyles = null;
+var isFocusedBorderStyles = null;
+var isFocusedStyles = null;
+var subtleBgStyles = null;
+var subtleFocusedBgStyles = null;
+var noBgStyles = null;
+var hoverStyles = null;
+var isInvalidHoverStyles = null;
+var isDisabledStyles = null;
+var newBorderStyles = null;
+var baseContainerStyles = null;
 /**
  * This is the container for the datetime picker component.
  */
@@ -87,10 +39,13 @@ var DateTimePickerContainer = exports.DateTimePickerContainer = /*#__PURE__*/(0,
   var notFocusedOrIsDisabled = !(isFocused || isDisabled);
 
   // we cannot use Box or Flex primitives because these do not allow ...innerProps to be passed
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    css: [baseContainerStyles, newBorderStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
-  }, innerProps, {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
     "data-testid": testId,
-    ref: ref
+    ref: ref,
+    className: (0, _runtime.ax)(["_2rkoglpi _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itp69y", isDisabled && "_1h6d13gt _bfhksyzs _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1p6i _16qsic8z", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr31d5g", notFocusedOrIsDisabled && !isInvalid && "_4cvx1elr _irr31d5g", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"]),
+    style: {
+      "--_1p9iyo2": (0, _runtime.ix)("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8590A2)")),
+      "--_1p9nqfm": (0, _runtime.ix)("inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, #388BFF)"))
+    }
   }), children);
 });

package/dist/cjs/internal/fixed-layer-menu.js

@@ -1,21 +1,21 @@
+/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FixedLayerMenu = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
 var _select = require("@atlaskit/select");
 var _fixedLayer = _interopRequireDefault(require("../internal/fixed-layer"));
 var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "children"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * This is the fixed layer menu used in the time picker.
  */
@@ -43,12 +43,12 @@ var FixedLayerMenu = exports.FixedLayerMenu = function FixedLayerMenu(_ref) {
     setValue = _ref.setValue,
     children = _ref.children,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)(_fixedLayer.default, {
+  return /*#__PURE__*/React.createElement(_fixedLayer.default, {
     inputValue: selectProps.inputValue
     //@ts-ignore react-select unsupported props
     ,
     containerRef: selectProps.fixedLayerRef,
-    content: (0, _react.jsx)(_select.components.Menu, (0, _extends2.default)({}, rest, {
+    content: /*#__PURE__*/React.createElement(_select.components.Menu, (0, _extends2.default)({}, rest, {
       // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
       className: className,
       clearValue: clearValue,

package/dist/cjs/internal/fixed-layer.compiled.css

@@ -0,0 +1,4 @@
+._154ize3t{top:var(--ds-space-0,0)}
+._1pbyowjs{z-index:300}
+._bfhk1j28{background-color:transparent}
+._kqswstnw{position:absolute}

package/dist/cjs/internal/fixed-layer.js

@@ -1,3 +1,4 @@
+/* fixed-layer.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./fixed-layer.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -15,11 +18,12 @@ var _react = _interopRequireDefault(require("react"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _icon = require("@atlaskit/icon");
 var _popper = require("@atlaskit/popper");
-var _constants = require("@atlaskit/theme/constants");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var styles = {
+  root: "_bfhk1j28 _kqswstnw _154ize3t",
+  popperStyles: "_1pbyowjs"
+};
 /**
  * This component renders layered content with fixed positioning.
  * Scroll is locked outside the layer to prevent the layered content from detaching from the
@@ -59,12 +63,9 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/_react.default.createElement("div", null);
       }
       var divStyles = {
-        background: 'transparent',
-        position: 'absolute',
-        top: 0,
         height: containerRef.getBoundingClientRect().height,
         // Don't block the clear button
-        width: containerRef.getBoundingClientRect().width - parseInt(_icon.sizes.small.slice(0, -2)) - (0, _constants.gridSize)()
+        width: containerRef.getBoundingClientRect().width - parseInt(_icon.sizes.small.slice(0, -2)) - 8
       };
       return (
         /*#__PURE__*/
@@ -76,7 +77,8 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
           return /*#__PURE__*/_react.default.createElement("div", {
             ref: ref,
             "data-layer-child": true,
-            style: divStyles
+            style: divStyles,
+            className: (0, _runtime.ax)([styles.root])
           });
         }), /*#__PURE__*/_react.default.createElement(_popper.Popper, null, function (_ref2) {
           var ref = _ref2.ref,
@@ -87,10 +89,9 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
             ref: ref
             // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
             ,
-            style: _objectSpread(_objectSpread({}, style), {}, {
-              zIndex: _constants.layers.dialog()
-            }),
-            "data-testid": testId && "".concat(testId, "--popper--container")
+            style: style,
+            "data-testid": testId && "".concat(testId, "--popper--container"),
+            className: (0, _runtime.ax)([styles.popperStyles])
           }, content);
         }))
       );

package/dist/cjs/internal/indicators-container.compiled.css

@@ -0,0 +1,2 @@
+._ahbq1ejb{margin-inline-start:var(--ds-space-300,24px)}
+._ahbqxy5q{margin-inline-start:var(--ds-space-400,2pc)}

package/dist/cjs/internal/indicators-container.js

@@ -1,31 +1,30 @@
+/* indicators-container.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IndicatorsContainer = void 0;
+require("./indicators-container.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
 var _select = require("@atlaskit/select");
 var _excluded = ["showClearIndicator"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var calendarButtonInclusionStyles = (0, _react.css)({
-  marginInlineStart: "var(--ds-space-400, 32px)"
-});
-var calendarButtonOnlyInclusionStyles = (0, _react.css)({
-  marginInlineStart: "var(--ds-space-300, 24px)"
-});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var styles = {
+  calendarButtonInclusionStyles: "_ahbqxy5q",
+  calendarButtonOnlyInclusionStyles: "_ahbq1ejb"
+};
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var IndicatorsContainer = exports.IndicatorsContainer = function IndicatorsContainer(_ref) {
   var showClearIndicator = _ref.showClearIndicator,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)("div", {
-    css: showClearIndicator ? calendarButtonInclusionStyles : calendarButtonOnlyInclusionStyles
-  }, (0, _react.jsx)(_select.components.IndicatorsContainer, rest));
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)([showClearIndicator ? styles.calendarButtonInclusionStyles : styles.calendarButtonOnlyInclusionStyles])
+  }, /*#__PURE__*/React.createElement(_select.components.IndicatorsContainer, rest));
 };

package/dist/cjs/internal/menu.compiled.css

@@ -0,0 +1,6 @@
+
+._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
+._18m915vq{overflow-y:hidden}
+._1pbyowjs{z-index:300}
+._1reo15vq{overflow-x:hidden}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}

package/dist/cjs/internal/menu.js

@@ -1,25 +1,23 @@
+/* menu.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Menu = void 0;
+require("./menu.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
 var _dateFns = require("date-fns");
 var _calendar = _interopRequireDefault(require("@atlaskit/calendar"));
 var _layering = require("@atlaskit/layering");
-var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 var _fixedLayer = _interopRequireDefault(require("../internal/fixed-layer"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * @param isos A series of ISO dates.
  * @returns The last valid date within the array of ISO strings.
@@ -34,13 +32,7 @@ function getValidDate(isos) {
     } : acc;
   }, {});
 }
-var menuStyles = (0, _react2.css)({
-  zIndex: _constants.layers.dialog(),
-  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
-  borderRadius: "var(--ds-border-radius, 3px)",
-  boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
-  overflow: 'hidden'
-});
+var menuStyles = null;
 
 /**
  * This is the menu used in the select of the date picker.
@@ -63,24 +55,15 @@ var Menu = exports.Menu = function Menu(_ref) {
     event.preventDefault();
   };
   var Wrapper = typeof MenuInnerWrapper === 'function' ? MenuInnerWrapper : _react.Fragment;
-  return (0, _react2.jsx)(_layering.Layering, {
+  return /*#__PURE__*/React.createElement(_layering.Layering, {
     isDisabled: false
-  }, (0, _react2.jsx)(_fixedLayer.default, {
+  }, /*#__PURE__*/React.createElement(_fixedLayer.default, {
     inputValue: selectProps.inputValue,
     containerRef: selectProps.calendarContainerRef,
-    content:
-    // The mousedown event is required for a date selection to work when
-    // the menu is opened via the calendar button. The reason why is
-    // because there is a mousedown event on the menu inside of
-    // `react-select` that will stop the calendar select event from
-    // firing. This is passed in via the `innerProps`. Therefore, we must
-    // pass it in *after* the `innerProps` spread.
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    (0, _react2.jsx)("div", (0, _extends2.default)({
-      css: menuStyles
-    }, innerProps, {
-      onMouseDown: onMenuMouseDown
-    }), (0, _react2.jsx)(Wrapper, null, (0, _react2.jsx)(_calendar.default, {
+    content: /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
+      onMouseDown: onMenuMouseDown,
+      className: (0, _runtime.ax)(["_2rkoglpi _1reo15vq _18m915vq _1pbyowjs _bfhk1bhr _16qs1cd0"])
+    }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(_calendar.default, {
       day: day,
       month: month,
       year: year,

package/dist/es2019/components/date-picker-class.compiled.css

@@ -0,0 +1,16 @@
+
+._v564vrg3{transition:color .15s}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
+._12l2xy5q{margin-inline-end:var(--ds-space-400,2pc)}
+._152tze3t{inset-block-start:var(--ds-space-0,0)}
+._1bah1h6o{justify-content:center}
+._1e0c1txw{display:flex}
+._1tke1k8s{min-height:1.5rem}
+._1ul91k8s{min-width:1.5rem}
+._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
+._i0dl1kw7{flex-basis:inherit}
+._kqswh2mm{position:relative}
+._kqswstnw{position:absolute}
+._rjxpze3t{inset-inline-end:var(--ds-space-0,0)}
+._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}