UNPKG

material-ui-pickers

Version:

React components, that implements material design pickers for material-ui v1

65 lines (64 loc) 2.67 kB
"use strict"; var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; var __rest = (this && this.__rest) || function (s, e) { var t = {}; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]]; return t; }; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; var __importStar = (this && this.__importStar) || function (mod) { if (mod && mod.__esModule) return mod; var result = {}; if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; result["default"] = mod; return result; }; Object.defineProperty(exports, "__esModule", { value: true }); var withStyles_1 = __importDefault(require("@material-ui/core/styles/withStyles")); var Typography_1 = __importDefault(require("@material-ui/core/Typography")); var clsx_1 = __importDefault(require("clsx")); var PropTypes = __importStar(require("prop-types")); var React = __importStar(require("react")); var ToolbarButton = function (_a) { var classes = _a.classes, selected = _a.selected, label = _a.label, _b = _a.className, className = _b === void 0 ? null : _b, other = __rest(_a, ["classes", "selected", "label", "className"]); var _c; return (React.createElement(Typography_1.default, __assign({ className: clsx_1.default(classes.toolbarBtn, className, (_c = {}, _c[classes.toolbarBtnSelected] = selected, _c)) }, other), label)); }; ToolbarButton.propTypes = { selected: PropTypes.bool.isRequired, label: PropTypes.string.isRequired, classes: PropTypes.any.isRequired, className: PropTypes.string, innerRef: PropTypes.any, }; ToolbarButton.defaultProps = { className: '', }; exports.styles = function (theme) { return ({ toolbarBtn: { cursor: 'pointer', color: 'rgba(255, 255, 255, 0.54)', }, toolbarBtnSelected: { color: theme.palette.common.white, }, }); }; exports.default = withStyles_1.default(exports.styles, { name: 'MuiPickersToolbarButton' })(ToolbarButton);