import React from 'react';
import { DateRangeFilter } from '../DateRangeFilter';
import { RangeItem } from '@wix/bex-core';
import { FilterProps } from '../../model';
import { DateCustomFieldFilterBase } from './DateCustomFieldFilterBase';

interface DateTimeCustomFieldFilterProps extends FilterProps<RangeItem<Date>> {}

export const DateTimeCustomFieldFilter = ({
  filter,
}: DateTimeCustomFieldFilterProps) => {
  return <DateCustomFieldFilterBase filter={filter} filterByTime />;
};

DateTimeCustomFieldFilter.renderPresetToolbarTag =
  DateRangeFilter.renderPresetToolbarTag;
