react-antd-admin-panel
Version:
Easy prototyping admin panel using React and Antd
40 lines • 1.53 kB
JavaScript
import React from "react";
import { DatePicker as DatePickerAnt } from "antd";
import dayjs from 'dayjs';
import 'dayjs/locale/da';
import locale from 'antd/es/date-picker/locale/da_DK';
const DatePicker = (props) => {
var _a;
let model = props.model;
let addProps = {};
if (model._picker)
addProps['picker'] = model._picker;
if (model._default)
addProps['defaultValue'] = dayjs(model._default, 'YYYY-MM-DD');
const onChange = (date, dateString) => {
var _a;
model._data = dateString;
model._default = dateString;
if (model._formula)
model.value(model._data);
(_a = model._onChange) === null || _a === void 0 ? void 0 : _a.call(model, model._data, date);
};
const onClear = () => {
model._data = true;
model._default = true;
if (model._formula)
model.value(true);
};
model._onError = () => onClear();
model._onComplete = () => onClear();
// Register the defaultValue to the formula.
if (model._default) {
model._data = model._default;
if (model._formula) {
model.value(model._default);
}
}
return (React.createElement(DatePickerAnt, Object.assign({ locale: locale, size: 'large', placeholder: (_a = model._label) !== null && _a !== void 0 ? _a : 'Vælg dato', onChange: onChange, allowClear: model._clearable }, addProps)));
};
export default DatePicker;
//# sourceMappingURL=DatePicker.js.map