@mantine/dates
Version:
Calendars, date and time pickers based on Mantine components
46 lines (45 loc) • 1.84 kB
JavaScript
"use client";
const require_PickerControl_module = require("./PickerControl.module.cjs");
let react_jsx_runtime = require("react/jsx-runtime");
let _mantine_core = require("@mantine/core");
//#region packages/@mantine/dates/src/components/PickerControl/PickerControl.tsx
const varsResolver = (0, _mantine_core.createVarsResolver)((_, { size }) => ({ pickerControl: {
"--dpc-fz": (0, _mantine_core.getFontSize)(size),
"--dpc-size": (0, _mantine_core.getSize)(size, "dpc-size")
} }));
const PickerControl = (0, _mantine_core.factory)((_props) => {
const props = (0, _mantine_core.useProps)("PickerControl", null, _props);
const { classNames, className, style, styles, unstyled, vars, firstInRange, lastInRange, inRange, __staticSelector, selected, disabled, fullWidth, attributes, ...others } = props;
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.UnstyledButton, {
...(0, _mantine_core.useStyles)({
name: __staticSelector || "PickerControl",
classes: require_PickerControl_module.default,
props,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver,
rootSelector: "pickerControl"
})("pickerControl"),
unstyled,
"data-picker-control": true,
"data-full-width": fullWidth || void 0,
"data-selected": selected && !disabled || void 0,
"data-disabled": disabled || void 0,
"data-in-range": inRange && !disabled && !selected || void 0,
"data-first-in-range": firstInRange && !disabled || void 0,
"data-last-in-range": lastInRange && !disabled || void 0,
disabled,
...others
});
});
PickerControl.classes = require_PickerControl_module.default;
PickerControl.varsResolver = varsResolver;
PickerControl.displayName = "@mantine/dates/PickerControl";
//#endregion
exports.PickerControl = PickerControl;
//# sourceMappingURL=PickerControl.cjs.map