Features

A platform to track and share your learning journey. Built with Next.js and TypeScript and designed for developers by a developer.

sarunya46mk@gmail.com

Features

Calendar Patterns

Date picker components — Single, Range, Two dates, Month/Year dropdown, Date+Time พร้อมใช้งานทันที

DatePicker

Reusable date picker — Popover + Calendar + date-fns format รวมเป็นชิ้นเดียว

Component — ดูโค้ดด้านล่าง

Reusable date range picker — Calendar mode="range" + 2 เดือนเคียงกัน

Component — ดูโค้ดด้านล่าง

ใช้ DatePicker 2 ตัวแยก start/end — เหมาะกับ booking form ที่ต้องแสดง 2 ช่องแยก

Component — ดูโค้ดด้านล่าง

วันเข้าพัก

วันออก

เลือกเดือน/ปีด้วย dropdown — เหมาะกับ report filter, birth date ที่ต้องเลื่อนหลายปี

Component — ดูโค้ดด้านล่าง

Compose DatePicker + Input type="time" — เหมาะกับ event form, appointment

Component — ดูโค้ดด้านล่าง

Date picker components — Single, Range, Two dates, Month/Year dropdown, Date+Time พร้อมใช้งานทันที

Reusable date picker — Popover + Calendar + date-fns format รวมเป็นชิ้นเดียว

Component — ดูโค้ดด้านล่าง

Reusable date range picker — Calendar mode="range" + 2 เดือนเคียงกัน

Component — ดูโค้ดด้านล่าง

ใช้ DatePicker 2 ตัวแยก start/end — เหมาะกับ booking form ที่ต้องแสดง 2 ช่องแยก

Component — ดูโค้ดด้านล่าง

วันเข้าพัก

วันออก

เลือกเดือน/ปีด้วย dropdown — เหมาะกับ report filter, birth date ที่ต้องเลื่อนหลายปี

Component — ดูโค้ดด้านล่าง

Compose DatePicker + Input type="time" — เหมาะกับ event form, appointment

Component — ดูโค้ดด้านล่าง