Function CalendarButton

packages/@react-spectrum/s2/src/DatePicker.tsx:316–357

(props: {
  isOpen: boolean;
  size: 'S' | 'M' | 'L' | 'XL';
  setButtonHasFocus: (hasFocus: boolean) => void;
})

}

export function CalendarButton(props: {
  isOpen: boolean;
  size: 'S' | 'M' | 'L' | 'XL';
  setButtonHasFocus: (hasFocus: boolean) => void;
}): ReactElement {
  let buttonRef = useRef<HTMLButtonElement>(null);
  let {isOpen, size, setButtonHasFocus} = props;
  return (
    <Button
      ref={buttonRef}
      // Prevent press scale from sticking while DatePicker is open.
      // @ts-ignore
      isPressed={false}
      onFocusChange={setButtonHasFocus}
      style={pressScale(buttonRef)}
      className={renderProps =>
        inputButton({
          ...renderProps,
          size,
          isOpen
        })
      }>
      <Provider
        values={[
          [
            IconContext,
            {
              styles: style({
                '--iconPrimary': {
                  type: 'fill',
                  value: 'currentColor'
                },
                size: fontRelative(14)
              })
            }
          ]
        ]}>
        <CalendarIcon />
      </Provider>
    </Button>
  );
}