en-US

Commonly used options can be preset to enhance the user experience.

zh-CN

可以预设常用的选项以提高用户体验。

import { DDatePicker } from '@react-devui/ui';

export default function Demo() {
  return (
    <>
      <DDatePicker
        dPresetDate={{
          Yesterday: () => {
            const date = new Date();
            date.setDate(date.getDate() - 1);
            return date;
          },
        }}
      />
      <DDatePicker
        dRange
        dShowTime
        dPresetDate={{
          Now: () => {
            return new Date();
          },
          'Last week': () => {
            const date = new Date();
            date.setDate(date.getDate() - 7);
            return [date, new Date()];
          },
        }}
      />
    </>
  );
}