@widergy/energy-ui 1.136.0 → 1.136.2

package/dist/components/UTDatePicker/index.js

@@ -22,31 +22,12 @@ var _types = require("./types");
 var _constants = require("./constants");
 var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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) { _defineProperty(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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var CalendarIcon = function CalendarIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("path", {
     d: "M8 15c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1Zm8 0c.55 0 1 .45 1 1s-.45 1-1 1h-4c-.55 0-1-.45-1-1s.45-1 1-1Zm2 5H6c-.551 0-1-.449-1-1v-6h14v6c0 .551-.449 1-1 1M6 6h1v1c0 .55.45 1 1 1s1-.45 1-1V6h6v1c0 .55.45 1 1 1s1-.45 1-1V6h1c.551 0 1 .449 1 1v4H5V7c0-.551.449-1 1-1m12-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H9V3c0-.55-.45-1-1-1s-1 .45-1 1v1H6C4.346 4 3 5.346 3 7v12c0 1.654 1.346 3 3 3h12c1.654 0 3-1.346 3-3V7c0-1.654-1.346-3-3-3",
@@ -65,85 +46,59 @@ CalendarIcon.defaultProps = {
   xmlnsXlink: "http://www.w3.org/1999/xlink"
 };
 _dayjs2.default.extend(_customParseFormat.default);
-var CustomUtils = /*#__PURE__*/function (_DayjsUtils) {
-  _inherits(CustomUtils, _DayjsUtils);
-  var _super = _createSuper(CustomUtils);
-  function CustomUtils() {
-    var _this;
-    _classCallCheck(this, CustomUtils);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "getCalendarHeaderText", function (date) {
-      return date.format('MMMM');
-    });
-    return _this;
+class CustomUtils extends _dayjs.default {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "getCalendarHeaderText", date => date.format('MMMM'));
   }
-  return _createClass(CustomUtils);
-}(_dayjs.default);
-var UTDatePicker = function UTDatePicker(_ref) {
+}
+const UTDatePicker = _ref => {
   var _field$configuration;
-  var input = _ref.input,
-    _ref$meta = _ref.meta,
-    meta = _ref$meta === void 0 ? {} : _ref$meta,
-    field = _ref.field,
-    themeClasses = _ref.classes,
-    classNames = _ref.classNames,
-    CustomIcon = _ref.CustomIcon,
-    dayFormat = _ref.dayFormat,
-    pickerProps = _ref.pickerProps,
-    inputProps = _ref.inputProps,
-    popoverProps = _ref.popoverProps,
-    placeholder = _ref.placeholder,
-    _ref$disableToolbar = _ref.disableToolbar,
-    disableToolbar = _ref$disableToolbar === void 0 ? true : _ref$disableToolbar,
-    _ref$inputVariant = _ref.inputVariant,
-    inputVariant = _ref$inputVariant === void 0 ? _constants.INPUT_VARIANT : _ref$inputVariant,
-    maxDateMessage = _ref.maxDateMessage,
-    minDateMessage = _ref.minDateMessage,
-    invalidDateMessage = _ref.invalidDateMessage,
-    variant = _ref.variant,
-    iconAnchor = _ref.iconAnchor,
-    withUpperTitle = _ref.withUpperTitle,
-    disabled = _ref.disabled;
-  var classes = (0, _react.useMemo)(function () {
-    return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
-  }, [classNames]);
-  var configMask = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.date_mask) || _constants.OUTPUT_LABEL_MASK;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    pickedDate = _useState2[0],
-    setPickedDate = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    internalError = _useState4[0],
-    setInternalError = _useState4[1];
-  var handleChange = function handleChange(date) {
+  let {
+    input,
+    meta = {},
+    field,
+    classes: themeClasses,
+    classNames,
+    CustomIcon,
+    dayFormat,
+    pickerProps,
+    inputProps,
+    popoverProps,
+    placeholder,
+    disableToolbar = true,
+    inputVariant = _constants.INPUT_VARIANT,
+    maxDateMessage,
+    minDateMessage,
+    invalidDateMessage,
+    variant,
+    iconAnchor,
+    withUpperTitle,
+    disabled
+  } = _ref;
+  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
+  const configMask = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.date_mask) || _constants.OUTPUT_LABEL_MASK;
+  const [pickedDate, setPickedDate] = (0, _react.useState)(null);
+  const [internalError, setInternalError] = (0, _react.useState)(null);
+  const handleChange = date => {
     setPickedDate(date);
-    var newValue = (0, _dayjs2.default)(date, _constants.OUTPUT_LABEL_MASK, true);
+    const newValue = (0, _dayjs2.default)(date, _constants.OUTPUT_LABEL_MASK, true);
     if (newValue.isValid()) input.onChange(newValue.format(configMask));else input.onChange('');
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!input.value && pickedDate !== null && pickedDate !== void 0 && pickedDate.isValid()) setPickedDate(null);else if ((0, _utils.dateMatchesFormat)(input.value, configMask)) setPickedDate((0, _dayjs2.default)(input.value, configMask));
   }, [input.value]);
-  var renderDay = function renderDay(date, _, dayInCurrentMonth) {
-    return /*#__PURE__*/_react.default.createElement(_Day.default, {
-      classes: classes,
-      dayFormat: dayFormat,
-      date: date,
-      pickedDate: pickedDate,
-      dayInCurrentMonth: dayInCurrentMonth
-    });
-  };
-  var handleError = function handleError(error) {
-    return setInternalError(error);
-  };
-  var handleRemoveError = function handleRemoveError() {
-    return setInternalError(null);
-  };
-  var OpenerIcon = CustomIcon || CalendarIcon;
-  var operenerIconReference = (0, _react.useRef)();
+  const renderDay = (date, _, dayInCurrentMonth) => /*#__PURE__*/_react.default.createElement(_Day.default, {
+    classes: classes,
+    dayFormat: dayFormat,
+    date: date,
+    pickedDate: pickedDate,
+    dayInCurrentMonth: dayInCurrentMonth
+  });
+  const handleError = error => setInternalError(error);
+  const handleRemoveError = () => setInternalError(null);
+  const OpenerIcon = CustomIcon || CalendarIcon;
+  const operenerIconReference = (0, _react.useRef)();
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, withUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: classes.upperTitle
   }, field.title), /*#__PURE__*/_react.default.createElement(_pickers.MuiPickersUtilsProvider, {
@@ -164,13 +119,14 @@ var UTDatePicker = function UTDatePicker(_ref) {
       className: disabled ? classes.disabledOpenerIcon : classes.openerIcon
     })),
     variant: variant || _constants.VARIANT,
-    InputProps: _objectSpread({
+    InputProps: {
       classes: {
         root: classes.input,
         notchedOutline: classes.notchedOutline
       },
-      placeholder: inputVariant === 'outlined' && (placeholder || (field === null || field === void 0 ? void 0 : field.placeholder))
-    }, inputProps),
+      placeholder: inputVariant === 'outlined' && (placeholder || (field === null || field === void 0 ? void 0 : field.placeholder)),
+      ...inputProps
+    },
     invalidDateMessage: invalidDateMessage || _constants.WRONG_DATE_FORMAT,
     inputVariant: inputVariant,
     format: _constants.OUTPUT_LABEL_MASK,
@@ -181,7 +137,10 @@ var UTDatePicker = function UTDatePicker(_ref) {
     },
     onChange: handleChange,
     renderDay: renderDay,
-    PopoverProps: _objectSpread(_objectSpread({}, iconAnchor ? (0, _constants.iconAnchorProps)(operenerIconReference) : {}), popoverProps)
+    PopoverProps: {
+      ...(iconAnchor ? (0, _constants.iconAnchorProps)(operenerIconReference) : {}),
+      ...popoverProps
+    }
   }, pickerProps))));
 };
 UTDatePicker.propTypes = {
@@ -206,5 +165,4 @@ UTDatePicker.propTypes = {
   withUpperTitle: _propTypes.bool,
   iconAnchor: _propTypes.bool
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.materialTheme)(UTDatePicker);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.materialTheme)(UTDatePicker);

package/dist/components/UTDatePicker/theme.js

@@ -8,202 +8,198 @@ var _seamlessImmutable = require("seamless-immutable");
 var _core = require("@material-ui/core");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = function retrieveStyle(theme) {
-  return {
-    openerIcon: {
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'openerIcon', 'fill'], _colorsModule.default.orangeIcon)
+const retrieveStyle = theme => ({
+  openerIcon: {
+    fill: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'openerIcon', 'fill'], _colorsModule.default.orangeIcon)
+  },
+  disabledOpenerIcon: {
+    fill: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'disabledOpenerIcon', 'fill'], _colorsModule.default.gray)
+  },
+  day: {
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])),
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'fontSize'], '14px'),
+    height: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'height'], '34px'),
+    margin: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'margin'], '0 1px'),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'fontWeight'], 500),
+    width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'width'], '35px'),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'color'], _colorsModule.default.gray4)
+  },
+  otherMonthDay: {
+    visibility: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'otherMonthDay', 'visibility'], 'hidden')
+  },
+  selectedDay: {
+    backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundColor'], _colorsModule.default.lightBlue),
+    '&:hover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundColor'], _colorsModule.default.blue)
     },
-    disabledOpenerIcon: {
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'disabledOpenerIcon', 'fill'], _colorsModule.default.gray)
-    },
-    day: {
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'fontSize'], '14px'),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'height'], '34px'),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'margin'], '0 1px'),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'fontWeight'], 500),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'width'], '35px'),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'day', 'color'], _colorsModule.default.gray4)
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'color'], _colorsModule.default.white),
+    padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'padding'], '1px 1px'),
+    backgroundClip: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundClip'], 'contentBox')
+  },
+  upperTitle: {
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'upperTitle', 'color'], _colorsModule.default.black),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'upperTitle', 'fontWeight']),
+    marginBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'upperTitle', 'marginBottom'])
+  }
+});
+exports.retrieveStyle = retrieveStyle;
+const materialTheme = theme => (0, _core.createMuiTheme)({
+  overrides: {
+    MuiTypography: {
+      body1: {
+        fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'input', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']))
+      }
     },
-    otherMonthDay: {
-      visibility: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'otherMonthDay', 'visibility'], 'hidden')
+    MuiToolbar: {
+      regular: {
+        minHeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'minHeight'], '0px !important')
+      }
     },
-    selectedDay: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundColor'], _colorsModule.default.lightBlue),
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundColor'], _colorsModule.default.blue)
-      },
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'color'], _colorsModule.default.white),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'padding'], '1px 1px'),
-      backgroundClip: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'selectedDay', 'backgroundClip'], 'contentBox')
+    MuiPickersToolbar: {
+      toolbar: {
+        height: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'height'], 'fit-content'),
+        padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'padding'], '8px 12px 8px 12px'),
+        borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'borderRadious'], '4px'),
+        margin: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'margin'], '16px 16px 0px 16px'),
+        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'backgroundColor'], _colorsModule.default.gray3)
+      }
     },
-    upperTitle: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'upperTitle', 'color'], _colorsModule.default.black),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'upperTitle', 'fontWeight']),
-      marginBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'upperTitle', 'marginBottom'])
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
-var materialTheme = function materialTheme(theme) {
-  return (0, _core.createMuiTheme)({
-    overrides: {
-      MuiTypography: {
-        body1: {
-          fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'input', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']))
+    MuiPickersToolbarButton: {
+      toolbarBtn: {
+        alignSelf: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'alignSelf'], 'center'),
+        '&:not(:first-child)': {
+          display: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'displayDate'], 'none')
         }
+      }
+    },
+    MuiPickersToolbarText: {
+      toolbarTxt: {
+        fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'fontWeight'], '500'),
+        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'fontSize'], '16px'),
+        lineHeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'lineHeight'], '22px'),
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colorsModule.default.black)
       },
-      MuiToolbar: {
-        regular: {
-          minHeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'minHeight'], '0px !important')
-        }
+      toolbarBtnSelected: {
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colorsModule.default.black)
+      }
+    },
+    MuiPickersYear: {
+      yearSelected: {
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colorsModule.default.black),
+        marginLeft: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'year', 'marginLeft'], '10px')
       },
-      MuiPickersToolbar: {
-        toolbar: {
-          height: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'height'], 'fit-content'),
-          padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'padding'], '8px 12px 8px 12px'),
-          borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'borderRadious'], '4px'),
-          margin: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'margin'], '16px 16px 0px 16px'),
-          backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'backgroundColor'], _colorsModule.default.gray3)
-        }
+      root: {
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'year', 'color'], _colorsModule.default.black),
+        marginLeft: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'year', 'marginLeft'], '10px')
+      }
+    },
+    MuiPickersCalendarHeader: {
+      switchHeader: {
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'color'], _colorsModule.default.gray4),
+        textTransform: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'textTransform'], 'capitalize !important'),
+        fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'fontWeight'], "".concat(500, " !important")),
+        margin: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'margin'], '8px 17px'),
+        padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'padding'], '15px 0 0')
       },
-      MuiPickersToolbarButton: {
-        toolbarBtn: {
-          alignSelf: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'alignSelf'], 'center'),
-          '&:not(:first-child)': {
-            display: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'displayDate'], 'none')
-          }
-        }
+      dayLabel: {
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'color'], _colorsModule.default.gray4),
+        width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'width'], '33px'),
+        fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'fontWeight'], "".concat(500, " !important")),
+        fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']))
       },
-      MuiPickersToolbarText: {
-        toolbarTxt: {
-          fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'fontWeight'], '500'),
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'fontSize'], '16px'),
-          lineHeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'lineHeight'], '22px'),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colorsModule.default.black)
+      daysHeader: {
+        marginTop: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'daysHeader', 'marginTop'], '15px')
+      }
+    },
+    MuiOutlinedInput: {
+      root: {
+        fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])),
+        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'backgroundColor'], _colorsModule.default.white),
+        fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontWeight'], 500),
+        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontSize'], '14px'),
+        borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'borderRadius'], '30px'),
+        height: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'height'], '40px'),
+        width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'width'], '250px'),
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'color'], _colorsModule.default.gray4),
+        paddingLeft: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'paddingLeft'], '6px'),
+        paddingRight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'paddingLeft'], '12px !important'),
+        '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
+          borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'hover', 'borderColor'], _colorsModule.default.gray3)
         },
-        toolbarBtnSelected: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colorsModule.default.black)
+        '&$focused $notchedOutline': {
+          borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'focused', 'borderColor'], _colorsModule.default.gray3),
+          borderWidth: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'focused', 'borderWidth'], 1)
         }
       },
-      MuiPickersYear: {
-        yearSelected: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'toolbar', 'text', 'textColor'], _colorsModule.default.black),
-          marginLeft: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'year', 'marginLeft'], '10px')
-        },
-        root: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'year', 'color'], _colorsModule.default.black),
-          marginLeft: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'year', 'marginLeft'], '10px')
-        }
+      notchedOutline: {
+        borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'borderColor'], _colorsModule.default.gray3)
+      }
+    },
+    MuiInput: {
+      input: {
+        border: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'input', 'border']),
+        borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'input', 'borderRadius']),
+        fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'input', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])),
+        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'input', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'input', 'color']),
+        padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'input', 'padding'])
       },
-      MuiPickersCalendarHeader: {
-        switchHeader: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'color'], _colorsModule.default.gray4),
-          textTransform: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'textTransform'], 'capitalize !important'),
-          fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'fontWeight'], "".concat(500, " !important")),
-          margin: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'margin'], '8px 17px'),
-          padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'switchHeader', 'padding'], '15px 0 0')
+      underline: {
+        '&:hover:not($disabled):not($focused):not($error):before': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
         },
-        dayLabel: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'color'], _colorsModule.default.gray4),
-          width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'width'], '33px'),
-          fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'fontWeight'], "".concat(500, " !important")),
-          fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'dayLabel', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']))
+        '&:hover:not($disabled):before': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
         },
-        daysHeader: {
-          marginTop: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'daysHeader', 'marginTop'], '15px')
-        }
-      },
-      MuiOutlinedInput: {
-        root: {
-          fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])),
-          backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'backgroundColor'], _colorsModule.default.white),
-          fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontWeight'], 500),
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'fontSize'], '14px'),
-          borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'borderRadius'], '30px'),
-          height: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'height'], '40px'),
-          width: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'width'], '250px'),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'color'], _colorsModule.default.gray4),
-          paddingLeft: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'paddingLeft'], '6px'),
-          paddingRight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'root', 'paddingLeft'], '12px !important'),
-          '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
-            borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'hover', 'borderColor'], _colorsModule.default.gray3)
-          },
-          '&$focused $notchedOutline': {
-            borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'focused', 'borderColor'], _colorsModule.default.gray3),
-            borderWidth: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'focused', 'borderWidth'], 1)
-          }
+        '&$disabled:before': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
         },
-        notchedOutline: {
-          borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'outlinedInput', 'notchedOutline', 'borderColor'], _colorsModule.default.gray3)
-        }
-      },
-      MuiInput: {
-        input: {
-          border: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'input', 'border']),
-          borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'input', 'borderRadius']),
-          fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'input', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])),
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'input', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'input', 'color']),
-          padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'input', 'padding'])
+        '&:before': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
         },
-        underline: {
-          '&:hover:not($disabled):not($focused):not($error):before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&:hover:not($disabled):before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&$disabled:before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&:before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&$focused:after': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
-          },
-          '&:after': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
-          }
+        '&$focused:after': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
+        },
+        '&:after': {
+          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
         }
-      },
-      MuiFormLabel: {
-        root: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'color']),
+      }
+    },
+    MuiFormLabel: {
+      root: {
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'color']),
+        '&$error': {
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'errorColor'], _colorsModule.default.gray)
+        },
+        '&$focused': {
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
           '&$error': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'errorColor'], _colorsModule.default.gray)
-          },
-          '&$focused': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
-            '&$error': {
-              color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'focusedErrorColor'], _colorsModule.default.error)
-            }
-          },
-          fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-          fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'fontWeight'])
-        }
-      },
-      MuiPopover: {
-        paper: {
-          borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'borderRadius'], '10px'),
-          boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'boxShadow'], 'none'),
-          border: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'border'], "1px solid ".concat(_colorsModule.default.gray3)),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'color'], _colorsModule.default.gray3)
-        }
-      },
-      MuiIconButton: {
-        root: {
-          padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'openerIcon', 'padding'], '5px')
-        }
-      },
-      MuiPickersBasePicker: {
-        pickerView: {
-          minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'pickerView', 'minWidth'], '290px')
-        }
+            color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'focusedErrorColor'], _colorsModule.default.error)
+          }
+        },
+        fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
+        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
+        fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'standardInput', 'formLabel', 'fontWeight'])
+      }
+    },
+    MuiPopover: {
+      paper: {
+        borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'borderRadius'], '10px'),
+        boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'boxShadow'], 'none'),
+        border: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'border'], "1px solid ".concat(_colorsModule.default.gray3)),
+        color: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'calendarPaper', 'color'], _colorsModule.default.gray3)
+      }
+    },
+    MuiIconButton: {
+      root: {
+        padding: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'openerIcon', 'padding'], '5px')
+      }
+    },
+    MuiPickersBasePicker: {
+      pickerView: {
+        minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'pickerView', 'minWidth'], '290px')
       }
     }
-  });
-};
+  }
+});
 exports.materialTheme = materialTheme;