Nepali Date Picker

• 1. Simple

  Date

  Baisakh 2079

  Sun	Mon	Tue	Wed	Thu	Fri	Sat
  27	28	29	30	1	2	3
  4	5	6	7	8	9	10
  11	12	13	14	15	16	17
  18	19	20	21	22	23	24
  25	26	27	28	29	30	31
  1	2	3	4	5	6	7

  Select Today
  CODE import {NepaliDatePicker} from '@ulleritech/nepali-date-picker'; <NepaliDatePicker value="2079/01/01" />

• 2. Without Label

  Falgun 2079

  Sun	Mon	Tue	Wed	Thu	Fri	Sat
  29	1	2	3	4	5	6
  7	8	9	10	11	12	13
  14	15	16	17	18	19	20
  21	22	23	24	25	26	27
  28	29	30	1	2	3	4
  5	6	7	8	9	10	11

  Select Today
  CODE <NepaliDatePicker hidelabel value="2079-11-01" />

• 2. Change Label

  Meeting Date

  Chaitra 2079

  Sun	Mon	Tue	Wed	Thu	Fri	Sat
  28	29	30	1	2	3	4
  5	6	7	8	9	10	11
  12	13	14	15	16	17	18
  19	20	21	22	23	24	25
  26	27	28	29	30	1	2
  3	4	5	6	7	8	9

  Select Today
  CODE <NepaliDatePicker label="Meeting Date" value="2079/12/01" />

• 4. Custom Date Format

  Date

  Asar 2082

  Sun	Mon	Tue	Wed	Thu	Fri	Sat
  1	2	3	4	5	6	7
  8	9	10	11	12	13	14
  15	16	17	18	19	20	21
  22	23	24	25	26	27	28
  29	30	31	32	1	2	3
  4	5	6	7	8	9	10

  Select Today
  CODE let dateBS: string; <NepaliDatePicker value={dateBS} dateformat="DD-MM-YYYY" placeholder="DD-MM-YYYY" />

• 5. AD Calendar

  Date

  July 2025

  Sun	Mon	Tue	Wed	Thu	Fri	Sat
  29	30	1	2	3	4	5
  6	7	8	9	10	11	12
  13	14	15	16	17	18	19
  20	21	22	23	24	25	26
  27	28	29	30	31	1	2
  3	4	5	6	7	8	9

  Select Today
  CODE import {DatePicker} from '@ulleritech/nepali-date-picker';let todayAD = new Date(); <DatePicker dateformat="MM-DD-YYYY" value={todayAD} />