@makeen.io/material-ui-kit/distr/atoms/Datepicker/index.js

Makeen UI components kit. Based on material-ui.

import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";function _templateObject3() {var data = _taggedTemplateLiteral(["\n  .MuiInputBase-input {\n    padding-left: 48px;\n    padding-top: 14px;\n    cursor: pointer;\n    order: 2;\n  }\n\n  .MuiInput-underline,\n  .MuiFilledInput-underline {\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n\n    &::before,\n    &::after {\n      border-bottom: none;\n    }\n\n    &:hover {\n      &::before {\n        border-bottom: none;\n      }\n    }\n  }\n\n  .MuiButtonBase-root {\n    margin-left: -5px;\n  }\n\n  .MuiInputLabel-outlined {\n    transform: translate(52px, 16px) scale(1);\n  }\n"]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: -4px;\n  width: 100%;\n"]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteral(["\n  position: relative;\n  padding: 11px;\n  width: 100%;\n  text-align: left;\n  line-height: 1;\n  svg {\n    //padding-bottom: 2px;\n    path[fill] {\n      fill: #c5cee0;\n    }\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import DateFnsUtils from "@date-io/date-fns";
import { DatePicker, DateTimePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";
import CalenderIcon from "../../../assets/icons/calender.svg";
import "date-fns";
import React from "react";
import styled from "styled-components";
var PICKER_TYPE;
(function (PICKER_TYPE) {
  PICKER_TYPE["DATE"] = "datePicker";
  PICKER_TYPE["DATE_TIME"] = "dateTimePicker";
})(PICKER_TYPE || (PICKER_TYPE = {}));
var DefaultDatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {var
    type = props.type,rest = _objectWithoutProperties(props, ["type"]);
  var PickerComponent = type === PICKER_TYPE.DATE_TIME ? DateTimePicker : DatePicker;
  return /*#__PURE__*/React.createElement(PickerComponent, _extends({ ref: ref }, rest));
});
var StyledDatePicker = styled.div(_templateObject());












var StyledDatePickerInputContainer = styled.div(_templateObject2());





var StyledDatePickerInput = styled(DefaultDatePicker)(_templateObject3());
































var Datepicker = function Datepicker(_ref) {var id = _ref.id,_ref$type = _ref.type,type = _ref$type === void 0 ? PICKER_TYPE.DATE : _ref$type,_ref$format = _ref.format,format = _ref$format === void 0 ? "dd MMMM yyyy" : _ref$format,error = _ref.error,_ref$disableToolbar = _ref.disableToolbar,disableToolbar = _ref$disableToolbar === void 0 ? true : _ref$disableToolbar,restProps = _objectWithoutProperties(_ref, ["id", "type", "format", "error", "disableToolbar"]);
  return /*#__PURE__*/React.createElement(StyledDatePicker, null, /*#__PURE__*/
  React.createElement(CalenderIcon, null), /*#__PURE__*/
  React.createElement(StyledDatePickerInputContainer, null, /*#__PURE__*/
  React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils }, /*#__PURE__*/
  React.createElement(StyledDatePickerInput, _extends({ id: id, type: PICKER_TYPE[type], autoOk: true, helperText: (error || {}).message, disableToolbar: disableToolbar, inputVariant: "outlined", variant: "inline", format: format }, restProps)))));
};
export { PICKER_TYPE };
export default Datepicker;
//# sourceMappingURL=index.js.map