/**
 * Date Options component
 * For configuring date field mode (single vs range)
 */
'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function DateOptions({ config, on_config_change, }) {
    const current_mode = config.date_mode || 'single';
    return (_jsxs("div", { className: "cls_date_options space-y-3", children: [_jsx("label", { className: "text-sm font-medium leading-none", children: "Date Mode" }), _jsxs("div", { className: "flex gap-6", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("input", { type: "radio", id: "date-mode-single", name: "date-mode", checked: current_mode === 'single', onChange: () => on_config_change({ ...config, date_mode: 'single' }), className: "h-4 w-4 border-gray-300 text-primary focus:ring-primary" }), _jsx("label", { htmlFor: "date-mode-single", className: "text-sm font-medium leading-none cursor-pointer", children: "Single Date" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("input", { type: "radio", id: "date-mode-range", name: "date-mode", checked: current_mode === 'range', onChange: () => on_config_change({ ...config, date_mode: 'range' }), className: "h-4 w-4 border-gray-300 text-primary focus:ring-primary" }), _jsx("label", { htmlFor: "date-mode-range", className: "text-sm font-medium leading-none cursor-pointer", children: "Date Range" })] })] })] }));
}
//# sourceMappingURL=date_options.js.map