import React from 'react';

import { format } from 'date-fns';
import { DayPicker } from 'react-day-picker';
import 'react-day-picker/dist/style.css';

export default function Example() {
  const [selected, setSelected] = React.useState<Date>();

  let footer = 'Please pick a day.';
  if (selected) {
    footer = `You picked ${format(selected, 'PP')}.`;
  }
  return (
    <DayPicker
      mode="single"
      selected={selected}
      onSelect={setSelected}
      footer={footer}
    />
  );
}

import React from 'react';

import { format } from 'date-fns';
import { DayPicker } from 'react-day-picker';

export default function Example() {
  const [selected, setSelected] = React.useState<Date>();

  let footer = 'Please pick a day.';
  if (selected) {
    footer = `You picked ${format(selected, 'PP')}.`;
  }
  return (
    <DayPicker
      mode="single"
      selected={selected}
      onSelect={setSelected}
      footer={footer}
    />
  );
}

Revert "docs: include css in example"
Revert "docs: include css in example"

This reverts commit 7f1d7aea4591cf4528fc8a5ec9cdc252d81555d4.
