declare const datePickerSource = "\nconst [dateRange, setDateRange] = React.useState<DateRange | undefined>();\nconst [isOpen, setIsOpen] = React.useState(false);\n\n<DataTable\n  toolbar={{\n    title: 'Table with Date Picker',\n    subtitle: 'This is a table with a date range picker in the action bar',\n  }}\n  tableHeight={500}\n  dataSource={getMockData(10)}\n  columns={columns}\n  rowKey=\"id\"\n  datePicker={{\n    enabled: true,\n    placeholder: 'Select date range',\n    format: 'dd/MM/yyyy',\n    value: dateRange,\n    isOpen,\n    onOpenChange: setIsOpen,\n    onChange: range => {\n      setDateRange(range);\n      console.log('Date range changed:', range);\n    },\n    onClear: () => {\n      setDateRange(undefined);\n      setIsOpen(false); // close on Clear \u2014 one click instead of Clear + Apply\n      console.log('Date range cleared');\n    },\n  }}\n/>;\n";
export default datePickerSource;