1.0.0-alpha.11 • Published 1 year ago

@hey-mirror/today v1.0.0-alpha.11

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

@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 />

PropDefaultType
children-ReactNode
localeen-USstring

<Today.Year />

PropDefaultType
className-string
formatnumeric2-digit or numeric

<Today.Month />

PropDefaultType
className-string
formatlonglong, short, narrow, 2-digit or numeric

<Today.Day />

PropDefaultType
className-string
formatlonglong, short, narrow, 2-digit or numeric