@hey-mirror/today

Example

import styled from '@emotion/styled';
import { Today } from '@hey-mirror/today';

const Wrapper = styled.div({
  display: 'flex',
  flexDirection: 'column',
  gap: 8,
});

export const Display = () => (
  <Today locale='en-US'>
    <Wrapper>
      <Today.Day format='long' />
      <span>
        <Today.Month format='short' /> <Today.Day format='2-digit' />,{' '}
        <Today.Year />
      </span>
    </Wrapper>
  </Today>
);

API

<Today />

| Prop | Default | Type | | ---------- | ------- | ----------- | | children | - | ReactNode | | locale | en-US | string |

<Today.Year />

| Prop | Default | Type | | ----------- | --------- | ---------------------- | | className | - | string | | format | numeric | 2-digit or numeric |

<Today.Month />

| Prop | Default | Type | | ----------- | ------- | ------------------------------------------------- | | className | - | string | | format | long | long, short, narrow, 2-digit or numeric |

<Today.Day />

| Prop | Default | Type | | ----------- | ------- | ------------------------------------------------- | | className | - | string | | format | long | long, short, narrow, 2-digit or numeric |