@coveord/plasma-mantine
Version:
A Plasma flavoured Mantine theme
73 lines (72 loc) • 3.34 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "EditableDateTimeRangePicker", {
enumerable: true,
get: function() {
return EditableDateTimeRangePicker;
}
});
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
var _object_spread = require("@swc/helpers/_/_object_spread");
var _jsxruntime = require("react/jsx-runtime");
var _dates = require("@mantine/dates");
var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
var EditableDateTimeRangePicker = function EditableDateTimeRangePicker(param) {
var value = param.value, dateFormat = param.dateFormat, onChange = param.onChange, _param_timePickerFormat = param.timePickerFormat, timePickerFormat = _param_timePickerFormat === void 0 ? '12h' : _param_timePickerFormat, _param_startProps = param.startProps, startProps = _param_startProps === void 0 ? {} : _param_startProps, _param_endProps = param.endProps, endProps = _param_endProps === void 0 ? {} : _param_endProps;
var onStartDateChange = function onStartDateChange(startDate) {
if ((value === null || value === void 0 ? void 0 : value[1]) && (0, _dayjs.default)(startDate) > (0, _dayjs.default)(value[1])) {
onChange === null || onChange === void 0 ? void 0 : onChange([
startDate,
null
]);
} else {
onChange === null || onChange === void 0 ? void 0 : onChange([
startDate,
value === null || value === void 0 ? void 0 : value[1]
]);
}
};
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)(_dates.DateTimePicker, {
clearable: false,
label: "Start",
value: value === null || value === void 0 ? void 0 : value[0],
onChange: onStartDateChange,
valueFormat: dateFormat,
w: 150,
styles: _object_spread._({}, startProps.styles),
timePickerProps: {
format: timePickerFormat,
popoverProps: {
withinPortal: false
}
}
}),
/*#__PURE__*/ (0, _jsxruntime.jsx)(_dates.DateTimePicker, {
clearable: false,
label: "End",
value: value === null || value === void 0 ? void 0 : value[1],
minDate: value === null || value === void 0 ? void 0 : value[0],
onChange: function onChange1(endDate) {
return onChange === null || onChange === void 0 ? void 0 : onChange([
value === null || value === void 0 ? void 0 : value[0],
endDate
]);
},
valueFormat: dateFormat,
w: 150,
styles: _object_spread._({}, endProps.styles),
timePickerProps: {
format: timePickerFormat,
popoverProps: {
withinPortal: false
}
}
})
]
});
};
//# sourceMappingURL=EditableDateTimeRangePicker.js.map