@dock365/reform-fabric-fields/dist/DatePickerField.js

fabric fields reform

"use strict";
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;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
var DatePicker_1 = require("office-ui-fabric-react/lib/DatePicker");
var ErrorHandlerHOC_1 = __importDefault(require("./ErrorHandlerHOC"));
var DatePickerField = function (props) { return (React.createElement("div", null,
    React.createElement(DatePicker_1.DatePicker, { disabled: props.readOnly, label: props.label, value: props.value, placeholder: props.placeholder, onSelectDate: function (date) {
            if (props.onChange)
                props.onChange(date);
            if (props.onBlur)
                props.onBlur(date);
        }, allowTextInput: props.customProps && props.customProps.allowTextInput, disableAutoFocus: props.customProps && props.customProps.disableAutoFocus }),
    props.customProps && props.customProps.showClearBtn &&
        React.createElement("div", { style: { textAlign: "right" } },
            React.createElement("span", { style: {
                    fontSize: "13px",
                    padding: "2px 5px",
                    cursor: "pointer",
                    color: "blue",
                }, onClick: function () { return props.onChange(null); } }, "Clear")))); };
exports.default = ErrorHandlerHOC_1.default(DatePickerField);
//# sourceMappingURL=DatePickerField.js.map