1.0.0-alpha.11 • Published 1 year ago
@hey-mirror/today v1.0.0-alpha.11
@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 |
1.0.0-alpha.11
1 year ago
1.0.0-alpha.10
1 year ago
1.0.0-alpha.9
1 year ago
1.0.0-alpha.8
1 year ago
1.0.0-alpha.7
1 year ago
1.0.0-alpha.6
1 year ago
1.0.0-alpha.5
1 year ago
1.0.0-alpha.4
1 year ago
1.0.0-alpha.3
1 year ago
1.0.0-alpha.2
1 year ago
1.0.0-alpha.1
1 year ago