studiokit-scaffolding-js 4.3.20-next.3.2 → 4.3.21

package/lib/components/EntityOwnerList.js

@@ -1,63 +1,63 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var user_1 = require("../utils/user");
-var EntityOwnerList = /** @class */ (function (_super) {
-    __extends(EntityOwnerList, _super);
-    function EntityOwnerList() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.renderOwner = function (owner, className) {
-            var canReadAnyUserGlobally = _this.props.canReadAnyUserGlobally;
-            var name = canReadAnyUserGlobally ? (react_1.default.createElement(react_router_dom_1.Link, { to: "/users/" + owner.id, className: "ownerLink " + className },
-                react_1.default.createElement("strong", null, user_1.displayName(owner)))) : (react_1.default.createElement("strong", { className: className }, user_1.displayName(owner)));
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                name,
-                " (",
-                react_1.default.createElement("a", { href: "mailto:" + owner.email }, owner.email),
-                ")"));
-        };
-        return _this;
-    }
-    EntityOwnerList.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, owners = _a.owners, displayAsInstructors = _a.displayAsInstructors;
-        return (react_1.default.createElement("div", { className: "mb4" },
-            react_1.default.createElement("h3", null, displayAsInstructors ? 'Instructors' : 'Owners'),
-            owners.length > 1 ? (react_1.default.createElement("ul", null, owners.map(function (owner, i) { return (react_1.default.createElement("li", { key: i }, _this.renderOwner(owner, 'owner'))); }))) : (this.renderOwner(owners[0], 'ml3 owner'))));
-    };
-    return EntityOwnerList;
-}(react_1.Component));
-exports.default = EntityOwnerList;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var user_1 = require("../utils/user");
+var EntityOwnerList = /** @class */ (function (_super) {
+    __extends(EntityOwnerList, _super);
+    function EntityOwnerList() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.renderOwner = function (owner, className) {
+            var canReadAnyUserGlobally = _this.props.canReadAnyUserGlobally;
+            var name = canReadAnyUserGlobally ? (react_1.default.createElement(react_router_dom_1.Link, { to: "/users/" + owner.id, className: "ownerLink " + className },
+                react_1.default.createElement("strong", null, user_1.displayName(owner)))) : (react_1.default.createElement("strong", { className: className }, user_1.displayName(owner)));
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                name,
+                " (",
+                react_1.default.createElement("a", { href: "mailto:" + owner.email }, owner.email),
+                ")"));
+        };
+        return _this;
+    }
+    EntityOwnerList.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, owners = _a.owners, displayAsInstructors = _a.displayAsInstructors;
+        return (react_1.default.createElement("div", { className: "mb4" },
+            react_1.default.createElement("h3", null, displayAsInstructors ? 'Instructors' : 'Owners'),
+            owners.length > 1 ? (react_1.default.createElement("ul", null, owners.map(function (owner, i) { return (react_1.default.createElement("li", { key: i }, _this.renderOwner(owner, 'owner'))); }))) : (this.renderOwner(owners[0], 'ml3 owner'))));
+    };
+    return EntityOwnerList;
+}(react_1.Component));
+exports.default = EntityOwnerList;

package/lib/components/ErrorBoundary.d.ts

@@ -1,11 +1,11 @@
-import { ErrorInfo, PureComponent } from 'react';
-interface ErrorBoundaryState {
-    error?: Error;
-    errorInfo?: ErrorInfo;
-}
-export default class ErrorBoundary extends PureComponent<{}, ErrorBoundaryState> {
-    constructor(props: {});
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): {} | null | undefined;
-}
-export {};
+import { ErrorInfo, PureComponent } from 'react';
+interface ErrorBoundaryState {
+    error?: Error;
+    errorInfo?: ErrorInfo;
+}
+export default class ErrorBoundary extends PureComponent<{}, ErrorBoundaryState> {
+    constructor(props: {});
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): {} | null | undefined;
+}
+export {};

package/lib/components/ErrorBoundary.js

@@ -1,74 +1,74 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var Sentry = __importStar(require("@sentry/react"));
-var react_1 = __importStar(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var ErrorBoundary = /** @class */ (function (_super) {
-    __extends(ErrorBoundary, _super);
-    function ErrorBoundary(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = { error: undefined, errorInfo: undefined };
-        return _this;
-    }
-    ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
-        // Catch errors in any components below and re-render with error message
-        this.setState({
-            error: error,
-            errorInfo: errorInfo
-        });
-        // You can also log error messages to an error reporting service here
-        Sentry.captureException(new Error(error.toString()));
-    };
-    ErrorBoundary.prototype.render = function () {
-        if (!!this.state.error && !!this.state.errorInfo) {
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(react_bootstrap_1.Container, { className: "mt3 custom-error-boundary" },
-                    react_1.default.createElement(react_bootstrap_1.Row, null,
-                        react_1.default.createElement(react_bootstrap_1.Col, { md: 8 },
-                            react_1.default.createElement("h2", null, "Oops! Something went wrong while processing your request."),
-                            react_1.default.createElement("p", null,
-                                "Please refresh the page and try again. If you have any questions or concerns please contact us at ",
-                                react_1.default.createElement("a", { href: "mailto:tlt@purdue.edu" }, "tlt@purdue.edu")),
-                            react_1.default.createElement("details", { className: "pre-wrap" },
-                                this.state.error.toString(),
-                                react_1.default.createElement("br", null),
-                                this.state.errorInfo.componentStack))))));
-        }
-        // Normally, just render children
-        return this.props.children;
-    };
-    return ErrorBoundary;
-}(react_1.PureComponent));
-exports.default = ErrorBoundary;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Sentry = __importStar(require("@sentry/react"));
+var react_1 = __importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var ErrorBoundary = /** @class */ (function (_super) {
+    __extends(ErrorBoundary, _super);
+    function ErrorBoundary(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = { error: undefined, errorInfo: undefined };
+        return _this;
+    }
+    ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+        // Catch errors in any components below and re-render with error message
+        this.setState({
+            error: error,
+            errorInfo: errorInfo
+        });
+        // You can also log error messages to an error reporting service here
+        Sentry.captureException(new Error(error.toString()));
+    };
+    ErrorBoundary.prototype.render = function () {
+        if (!!this.state.error && !!this.state.errorInfo) {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(react_bootstrap_1.Container, { className: "mt3 custom-error-boundary" },
+                    react_1.default.createElement(react_bootstrap_1.Row, null,
+                        react_1.default.createElement(react_bootstrap_1.Col, { md: 8 },
+                            react_1.default.createElement("h2", null, "Oops! Something went wrong while processing your request."),
+                            react_1.default.createElement("p", null,
+                                "Please refresh the page and try again. If you have any questions or concerns please contact us at ",
+                                react_1.default.createElement("a", { href: "mailto:tlt@purdue.edu" }, "tlt@purdue.edu")),
+                            react_1.default.createElement("details", { className: "pre-wrap" },
+                                this.state.error.toString(),
+                                react_1.default.createElement("br", null),
+                                this.state.errorInfo.componentStack))))));
+        }
+        // Normally, just render children
+        return this.props.children;
+    };
+    return ErrorBoundary;
+}(react_1.PureComponent));
+exports.default = ErrorBoundary;

package/lib/components/Forms/DateField.d.ts

@@ -1,13 +1,13 @@
-import { StandardTextFieldProps } from '@material-ui/core/TextField';
-import React, { Component } from 'react';
-export interface DateFieldProps extends Pick<StandardTextFieldProps, Exclude<keyof StandardTextFieldProps, 'onChange' | 'ref'>> {
-    value?: string;
-    minDate?: string;
-    maxDate?: string;
-    onChange: (dateString: string, date?: Date) => void;
-}
-export default class DateField extends Component<DateFieldProps> {
-    onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>;
-    isDateValid: (dateString: string) => boolean;
-    render(): JSX.Element;
-}
+import { StandardTextFieldProps } from '@material-ui/core/TextField';
+import React, { Component } from 'react';
+export interface DateFieldProps extends Pick<StandardTextFieldProps, Exclude<keyof StandardTextFieldProps, 'onChange' | 'ref'>> {
+    value?: string;
+    minDate?: string;
+    maxDate?: string;
+    onChange: (dateString: string, date?: Date) => void;
+}
+export default class DateField extends Component<DateFieldProps> {
+    onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>;
+    isDateValid: (dateString: string) => boolean;
+    render(): JSX.Element;
+}

package/lib/components/Forms/DateField.js

@@ -1,99 +1,99 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
-var moment_1 = __importDefault(require("moment"));
-var react_1 = __importStar(require("react"));
-var date_1 = require("../../utils/date");
-var datePattern = '^[0-9]{4}-[0-9]{2}-[0-9]{2}$';
-var dateFormat = 'YYYY-MM-DD';
-var dateRegex = new RegExp(datePattern);
-var DateField = /** @class */ (function (_super) {
-    __extends(DateField, _super);
-    function DateField() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.onChange = function (event) {
-            var dateString = event.target.value;
-            var isInputValid = dateRegex.test(dateString);
-            var date = isInputValid && _this.isDateValid(dateString)
-                ? date_1.getZonedMomentFromLocalDateTime(dateString).toDate()
-                : undefined;
-            if (_this.props.onChange) {
-                _this.props.onChange(dateString, date);
-            }
-        };
-        _this.isDateValid = function (dateString) { return !!dateString && dateString.length > 0 && moment_1.default(dateString).isValid(); };
-        return _this;
-    }
-    DateField.prototype.render = function () {
-        var _a = this.props, value = _a.value, disabled = _a.disabled, minDate = _a.minDate, maxDate = _a.maxDate;
-        var formatWarning = !!value && value.length > 0 && !dateRegex.test(value)
-            ? date_1.isDateInputSupported
-                ? "Must match the format \"MM/DD/YYYY\""
-                : "Must match the format \"" + dateFormat + "\""
-            : !!value && value.length > 0 && !this.isDateValid(value)
-                ? 'Must be a valid date'
-                : undefined;
-        // prevent custom props from being passed to TextField
-        var newProps = __assign({}, this.props);
-        var className = newProps.className;
-        delete newProps.minDate;
-        delete newProps.maxDate;
-        delete newProps.className;
-        return (react_1.default.createElement("div", { className: className },
-            react_1.default.createElement(TextField_1.default, __assign({}, newProps, { type: "date", className: "material-text-field-date", inputProps: {
-                    pattern: datePattern,
-                    placeholder: dateFormat,
-                    min: !!minDate && !disabled ? date_1.getFormattedNumberedDateForInput(minDate) : null,
-                    max: !!maxDate && !disabled ? date_1.getFormattedNumberedDateForInput(maxDate) : null
-                }, onChange: this.onChange })),
-            formatWarning && react_1.default.createElement("label", { className: "color-red i f6 db" }, formatWarning)));
-    };
-    return DateField;
-}(react_1.Component));
-exports.default = DateField;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
+var moment_1 = __importDefault(require("moment"));
+var react_1 = __importStar(require("react"));
+var date_1 = require("../../utils/date");
+var datePattern = '^[0-9]{4}-[0-9]{2}-[0-9]{2}$';
+var dateFormat = 'YYYY-MM-DD';
+var dateRegex = new RegExp(datePattern);
+var DateField = /** @class */ (function (_super) {
+    __extends(DateField, _super);
+    function DateField() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.onChange = function (event) {
+            var dateString = event.target.value;
+            var isInputValid = dateRegex.test(dateString);
+            var date = isInputValid && _this.isDateValid(dateString)
+                ? date_1.getZonedMomentFromLocalDateTime(dateString).toDate()
+                : undefined;
+            if (_this.props.onChange) {
+                _this.props.onChange(dateString, date);
+            }
+        };
+        _this.isDateValid = function (dateString) { return !!dateString && dateString.length > 0 && moment_1.default(dateString).isValid(); };
+        return _this;
+    }
+    DateField.prototype.render = function () {
+        var _a = this.props, value = _a.value, disabled = _a.disabled, minDate = _a.minDate, maxDate = _a.maxDate;
+        var formatWarning = !!value && value.length > 0 && !dateRegex.test(value)
+            ? date_1.isDateInputSupported
+                ? "Must match the format \"MM/DD/YYYY\""
+                : "Must match the format \"" + dateFormat + "\""
+            : !!value && value.length > 0 && !this.isDateValid(value)
+                ? 'Must be a valid date'
+                : undefined;
+        // prevent custom props from being passed to TextField
+        var newProps = __assign({}, this.props);
+        var className = newProps.className;
+        delete newProps.minDate;
+        delete newProps.maxDate;
+        delete newProps.className;
+        return (react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(TextField_1.default, __assign({}, newProps, { type: "date", className: "material-text-field-date", inputProps: {
+                    pattern: datePattern,
+                    placeholder: dateFormat,
+                    min: !!minDate && !disabled ? date_1.getFormattedNumberedDateForInput(minDate) : null,
+                    max: !!maxDate && !disabled ? date_1.getFormattedNumberedDateForInput(maxDate) : null
+                }, onChange: this.onChange })),
+            formatWarning && react_1.default.createElement("label", { className: "color-red i f6 db" }, formatWarning)));
+    };
+    return DateField;
+}(react_1.Component));
+exports.default = DateField;

package/lib/components/Forms/TimeField.d.ts

@@ -1,11 +1,11 @@
-import { StandardTextFieldProps } from '@material-ui/core/TextField';
-import React, { Component } from 'react';
-export interface TimeFieldProps extends Pick<StandardTextFieldProps, Exclude<keyof StandardTextFieldProps, 'onChange' | 'ref'>> {
-    value?: string;
-    onChange: (timeString: string, time?: Date) => void;
-}
-export default class TimeField extends Component<TimeFieldProps> {
-    onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>;
-    isTimeValid: (timeString: string) => boolean;
-    render(): JSX.Element;
-}
+import { StandardTextFieldProps } from '@material-ui/core/TextField';
+import React, { Component } from 'react';
+export interface TimeFieldProps extends Pick<StandardTextFieldProps, Exclude<keyof StandardTextFieldProps, 'onChange' | 'ref'>> {
+    value?: string;
+    onChange: (timeString: string, time?: Date) => void;
+}
+export default class TimeField extends Component<TimeFieldProps> {
+    onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>;
+    isTimeValid: (timeString: string) => boolean;
+    render(): JSX.Element;
+}