Build a calendar component notes
Bare Minimum, painlessly stylable, (and fairly accessible) calendar component
Some argue that a calendar should be an ordered lists while others argue it should be a table. Some also advocate using the <Time> tag.
FlexMonth uses ordered lists, but in the future, I'll be creating TableMonth as well.
- Adrian Roselli
- (Wilfred Nas) @wnas
- Ian Devlin, demo
- Calendar tricks (A calendar in three lines of css)
- Responsive HTML5 calendar with flex box, demo
By passing classnames you can use:
- plain old css
- css modules
- tailwind
- stitches (https://stitches.dev/docs/api#css)
- emotion (https://emotion.sh/docs/class-names)
- styled components (https://github.com/styled-components/styled-components/issues/2113)
- https://blog.logrocket.com/the-complete-guide-to-publishing-a-react-package-to-npm/
- Add storybook to existing projects