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

Makeen UI components kit. Based on material-ui.

import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  .MuiInputBase-root {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n\n  input.MuiInputBase-input {\n    padding-left: 0px;\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import DateFnsUtils from "@date-io/date-fns"; // choose your lib
import WatchLaterIcon from "@material-ui/icons/WatchLater";
import { KeyboardTimePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";
import styled from "styled-components";
var TimeInputWrapper = styled.div(_templateObject());









export default (function (_ref) {var label = _ref.label,placeholder = _ref.placeholder,defaultValue = _ref.defaultValue,value = _ref.value,onChange = _ref.onChange;
  return /*#__PURE__*/React.createElement(TimeInputWrapper, null, /*#__PURE__*/
  React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils }, /*#__PURE__*/
  React.createElement(KeyboardTimePicker, { variant: "dialog", inputVariant: "outlined", label: label, placeholder: placeholder, InputLabelProps: { shrink: true },
    // There are zero width characters in the mask and maskCharProp
    // two before colon, two after colon, and one after space before M.
    mask: "\u200B\u200B:\u200B\u200B \u200BM", maskChar: "\u200B", initialFocusedDate: defaultValue, value: value, onChange: onChange, keyboardIcon: /*#__PURE__*/React.createElement(WatchLaterIcon, null) })));
});
//# sourceMappingURL=index.js.map