## Live demo

<StorybookDemo
  themeSelector
  url="https://react.carbondesignsystem.com"
  tall
  variants={[
    {
      label: 'Range With Calendar',
      variant: 'components-datepicker--range-with-calendar'
    },
    {
      label: 'Simple',
      variant: 'components-datepicker--simple'
    },
    {
      label: 'Single With Calendar',
      variant: 'components-datepicker--single-with-calendar'
    },
    {
      label: 'Fluid Range With Calendar (unstable)',
      variant: 'experimental-unstable-fluiddatepicker--range-with-calendar'
    },
    {
      label: 'Fluid Simple (unstable)',
      variant: 'experimental-unstable-fluiddatepicker--simple'
    },
    {
      label: 'Fluid Single (unstable)',
      variant: 'experimental-unstable-fluiddatepicker--single'
    }
  ]}
/>
