React Date
用 Tailwind 做样式、用 react-popper 做定位的日历组件，整体感觉挺清爽的。它的布局是用 CSS Grid 写的，配合 TypeScript，代码结构也比较清晰。嗯，启动也不复杂，直接yarn start跑起来就能看效果，响应也快。
react-datepicker的交互体验还不错，日历弹出逻辑走的是react-popper，定位比较精准。像那种需要在表单里选时间的场景，挺适合直接套上它的。用惯了 Tailwind 的同学应该会觉得风格蛮顺的，不用再手动调一堆 class 了。
代码部分已经封装得比较到位，样式也比较统一，你主要改改 props 就行。如果你打算集成到自己的项目里，建议先看看它的App.tsx和样式结构，理解下它是怎么把弹出层和 Grid 排布结合起来的，改起来会更顺手。
还有几个周边资源可以一起看看，像react-typescript-starter和Tailwind 搭图片库，都蛮实用。如果你刚好也在用 Reason 的话，可以顺便看看Create-Reason-React-Tailwind这个脚手架，也挺有意思的。
，如果你正在做 React 项目，想加一个轻量+可控+Tailwind 风格的时间选择器，这个还蛮值得一试的。
文件大小：271.61KB
评论区