wix-style-react/src/Calendar/docs/Calendar.demo.js

wix-style-react

import React from 'react';
import { StorybookComponents } from 'wix-storybook-utils/StorybookComponents';
import Calendar from '..';
import Box from '../../Box';

export default () => {
  const [value, setValue] = React.useState('');
  return (
    <StorybookComponents.Stack>
      <Calendar
        value={value}
        onChange={setValue}
        dateIndication={({ date, isSelected }) => {
          if (date.getTime() < new Date().getTime()) {
            return (
              <Box align="center">
                <Box
                  width="4px"
                  height="4px"
                  borderRadius="50%"
                  backgroundColor={isSelected ? 'D60' : 'B20'}
                />
              </Box>
            );
          }
        }}
      />
    </StorybookComponents.Stack>
  );
};