"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var date_time_1 = require("@uifabric/date-time");
require("./DatePicker.Examples.scss");
var DatePickerRequiredExample = /** @class */ (function (_super) {
    tslib_1.__extends(DatePickerRequiredExample, _super);
    function DatePickerRequiredExample(props) {
        var _this = _super.call(this, props) || this;
        _this.state = {
            firstDayOfWeek: date_time_1.DayOfWeek.Sunday,
        };
        return _this;
    }
    DatePickerRequiredExample.prototype.render = function () {
        var firstDayOfWeek = this.state.firstDayOfWeek;
        return (React.createElement("div", { className: "docs-DatePickerExample" },
            React.createElement("p", null, "Validation will happen when Date Picker loses focus."),
            React.createElement(date_time_1.DatePicker, { label: "Date required (with label)", isRequired: true, firstDayOfWeek: firstDayOfWeek, strings: date_time_1.defaultDayPickerStrings, placeholder: "Select a date...", ariaLabel: "Select a date" }),
            React.createElement(date_time_1.DatePicker, { isRequired: true, firstDayOfWeek: firstDayOfWeek, strings: date_time_1.defaultDayPickerStrings, placeholder: "Date required with no label...", ariaLabel: "Select a date" })));
    };
    return DatePickerRequiredExample;
}(React.Component));
exports.DatePickerRequiredExample = DatePickerRequiredExample;
//# sourceMappingURL=DatePicker.Required.Example.js.map