@coveord/plasma-mantine
Version:
A Plasma flavoured Mantine theme
47 lines (46 loc) • 1.66 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { factory, Grid, useProps } from '@mantine/core';
import { DateRangePicker } from '../../DateRangePicker/DateRangePicker.js';
import { TableComponentsOrder } from '../Table.js';
import { useTableContext } from '../TableContext.js';
const defaultProps = {
presets: {}
};
export const TableDateRangePicker = factory((props, ref)=>{
const { store, getStyles } = useTableContext();
const { presets, rangeCalendarProps, startProps, endProps, placeholder, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTableDateRangePicker', defaultProps, props);
const onChange = (dates)=>{
store.setDateRange(dates);
store.setPagination({
pageIndex: 0,
pageSize: store.state.pagination.pageSize
});
};
const stylesApiProps = {
classNames,
styles
};
return /*#__PURE__*/ _jsx(Grid.Col, {
span: "content",
order: TableComponentsOrder.DateRangePicker,
ref: ref,
...getStyles('dateRangeRoot', {
className,
style,
...stylesApiProps
}),
...others,
children: /*#__PURE__*/ _jsx(DateRangePicker, {
value: store.state.dateRange,
onChange: onChange,
presets: presets,
rangeCalendarProps: rangeCalendarProps,
startProps: startProps,
endProps: endProps,
placeholder: placeholder,
miw: 220
})
});
});
TableDateRangePicker.displayName = 'Table.DateRangePicker';
//# sourceMappingURL=TableDateRangePicker.js.map