diff --git a/.gitignore b/.gitignore
index 7005be7..4f28c2b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,7 +6,6 @@ node_modules
# builds
build
-dist
.rpt2_cache
# misc
diff --git a/dist/index.css b/dist/index.css
new file mode 100644
index 0000000..35c61af
--- /dev/null
+++ b/dist/index.css
@@ -0,0 +1,406 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/*
+
+Theme CSS
+
+1. header -> background
+2. arrow -> border
+
+Theme Red:
+
+1. header -> {
+ background: red
+}
+
+2. arrow -> {
+ border: solid #fff
+}
+
+
+*/
+
+/* theme default starts */
+._1mUuW {
+ background: #fff;
+}
+._bBYU7 {
+ border: solid #000;
+}
+/* theme default ends */
+
+
+/* theme red starts */
+._3b2pY {
+ background: #eb2f06;
+}
+._3fQ0n {
+ border: solid #fff;
+}
+/* theme red ends */
+
+
+/* theme blue starts */
+._3fNxl {
+ background: #3867d6;
+}
+._16z_f {
+ border: solid #fff;
+}
+/* theme blue ends */
+
+/* theme green starts */
+._CLB6y {
+ background: #05c46b;
+}
+._O7ihw {
+ border: solid #fff;
+}
+/* theme green ends */
+
+/* theme dark starts */
+._-Ua3q {
+ background: #34495e;
+}
+._28F1u {
+ border: solid #fff;
+}
+/* theme dark ends */
+
+/* theme deepdark starts */
+._P6QvD {
+ background: #34495e;
+}
+._1jvha {
+ border: solid #fff;
+}
+/* theme deepdark ends */
+
+._1Op28 {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ padding: 5px 0;
+}
+._1GhOp {
+ align-self: center;
+}
+._3fmCl {
+ border-width: 0 2px 2px 0;
+ display: inline-block;
+ padding: 5px;
+ margin-top: 15px;
+ cursor: pointer;
+}
+
+._1ydFT {
+ transform: rotate(135deg);
+ -webkit-transform: rotate(135deg);
+ margin-left: 8px;
+}
+._1Pw8c {
+ transform: rotate(-45deg);
+ -webkit-transform: rotate(-45deg);
+ margin-right: 8px;
+}
+._2aNF9 {
+ font-size: 16px;
+ line-height: 1.5;
+ padding: 2px;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+._2xcMq {
+ max-width: 300px;
+ box-shadow: 5px 3px 12px 0px rgba(16, 36, 94, 0.2);
+ position: absolute;
+ background-color: #fff;
+ z-index: 1000 !important;
+ font-size: 16px;
+ line-height: 1.35;
+ color: #000;
+}
+
+._1oYOS {
+ font-size: 16px;
+ line-height: 1.5;
+}
+._d8Qqp {
+ display: flex;
+ text-align: center;
+ background-color: #fff;
+}
+._1yGdK {
+ flex-basis: 14.2857%;
+}
+._1hh2I {
+ justify-content: space-between;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #fff;
+}
+._249_g {
+ padding: 10px 7px;
+ flex-basis: 42px;
+ text-align: center;
+}
+
+._3zttl {
+ padding: 10px 21px;
+}
+/*
+Theme CSS
+1. hover on null and date -> background color and color
+2. today -> background color and color
+3. selected date -> background color and color
+4. hover on today and selected date -> background color and color
+
+
+Theme Red:
+1. hover on null and date -> {
+ background-color: #e6e6e6,
+ color:#000
+}
+2. today -> {
+ background-color: #008FFD,
+ color:#fff
+}
+3. selected date -> {
+ background-color: #FF0000,
+ color:#fff
+}
+4. hover on today and selected date -> {
+ background-color: #FF0000,
+ color:#fff
+}
+
+Theme White:
+1. hover on null and date -> {
+ background-color: #e6e6e6,
+ color:#000
+}
+2. today -> {
+ background-color: #fff,
+ color:#008FFD
+}
+3. selected date -> {
+ background-color: #008FFD,
+ color:#fff
+}
+4. hover on today and selected date -> {
+ background-color: #e6e6e6,
+ color:#000
+}
+
+*/
+/* theme default starts*/
+._3zVi3:hover,
+._1plWg:hover {
+ background-color: #e6e6e6;
+ color: #000;
+}
+._WrIdy {
+ color: #008ffd;
+}
+._1ImcB {
+ background-color: #008ffd;
+ color: #fff;
+}
+
+._WrIdy:hover,
+._1ImcB:hover {
+ background-color: #008ffd;
+ color: #fff;
+}
+
+._1EpF_ {
+ color: #c3c3c3;
+}
+._1EpF_:hover {
+ border-radius: 50%;
+ color: #c3c3c3;
+ background: #e6e6e6;
+ cursor: not-allowed;
+}
+
+/* theme default ends */
+
+/* theme red starts*/
+._ZCqJx:hover,
+._3e-oj:hover {
+ background-color: #e6e6e6;
+ color: #000;
+}
+
+._3vljT {
+ color: #eb2f06;
+}
+
+._3VNRW {
+ background-color: #eb2f06;
+ color: #fff;
+}
+
+._3vljT:hover,
+._3VNRW:hover {
+ background-color: #c23616;
+ color: #fff;
+}
+
+/* theme red ends */
+
+/* theme blue starts*/
+._2wmIR:hover,
+._3EzT1:hover {
+ background-color: #e6e6e6;
+ color: #000;
+}
+
+._3gFNc {
+ color: #3867d6;
+}
+
+._2nANS {
+ background-color: #3867d6;
+ color: #fff;
+}
+
+._3gFNc:hover,
+._2nANS:hover {
+ background-color: #00487c;
+ color: #fff;
+}
+/* theme blue ends */
+
+/* theme green starts*/
+._3xYsN:hover,
+._2_YcJ:hover {
+ background-color: #e6e6e6;
+ color: #000;
+}
+
+._3SPPg {
+ color: #05c46b;
+}
+
+._3sNLR {
+ background-color: #05c46b;
+ color: #fff;
+}
+
+._3SPPg:hover,
+._3sNLR:hover {
+ background-color: #0be881;
+ color: #fff;
+}
+/* theme green ends */
+
+/* theme dark starts*/
+._2eP5_:hover,
+._24Vzw:hover {
+ background-color: #e6e6e6;
+ color: #000;
+}
+
+._162w5 {
+ color: #34495e;
+}
+
+._hp0wX {
+ background-color: #34495e;
+ color: #fff;
+}
+
+._162w5:hover,
+._hp0wX:hover {
+ background-color: #2c3e50;
+ color: #fff;
+}
+/* theme dark ends */
+
+/* theme deepdark starts*/
+
+._3EEI2,
+._39dGG {
+ color: #fff;
+}
+
+._3Rbbx {
+ background-color: #34495e;
+}
+
+._2ssp5 {
+ background-color: #34495e;
+ color: #fff;
+}
+._3EEI2:hover,
+._39dGG:hover {
+ background-color: #2c3e50;
+ color: #fff;
+}
+
+._31Ucq {
+ background-color: #1c3f61;
+ color: #fff;
+}
+
+._3KUO- {
+ background-color: #2c3e50;
+ color: #fff;
+}
+
+._31Ucq:hover,
+._3KUO-:hover {
+ background-color: #2c3e50;
+ color: #fff;
+}
+
+._3NEDk {
+ background-color: #2c3e50;
+}
+
+._24nn5 {
+ color: #c3c3c3;
+}
+._24nn5:hover {
+ border-radius: 50%;
+ color: #c3c3c3;
+ background: #34495e !important;
+ cursor: not-allowed;
+}
+/* theme deepdark ends */
+
+/* default theme starts*/
+
+._249_g:hover,
+._3zttl:hover {
+ cursor: pointer;
+}
+._1oebL {
+ border-radius: 50%;
+}
+._FsLy_ {
+ border-radius: 50%;
+}
+
+._1oebL:hover,
+._FsLy_:hover {
+ cursor: pointer;
+}
+
+._3_2T4 {
+ color: #c3c3c3;
+}
+._3_2T4:hover {
+ border-radius: 50%;
+ color: #c3c3c3;
+ background: #e6e6e6;
+ cursor: not-allowed;
+}
+
+/* default theme ends */
diff --git a/dist/index.js b/dist/index.js
new file mode 100644
index 0000000..432e0e9
--- /dev/null
+++ b/dist/index.js
@@ -0,0 +1,790 @@
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+function _inheritsLoose(t, o) {
+ t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
+}
+function _setPrototypeOf(t, e) {
+ return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+ return t.__proto__ = e, t;
+ }, _setPrototypeOf(t, e);
+}
+
+var bs = [];
+bs[2000] = [2000, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2001] = [2001, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2002] = [2002, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2003] = [2003, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2004] = [2004, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2005] = [2005, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2006] = [2006, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2007] = [2007, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2008] = [2008, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31];
+bs[2009] = [2009, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2010] = [2010, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2011] = [2011, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2012] = [2012, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30];
+bs[2013] = [2013, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2014] = [2014, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2015] = [2015, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2016] = [2016, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30];
+bs[2017] = [2017, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2018] = [2018, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2019] = [2019, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2020] = [2020, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2021] = [2021, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2022] = [2022, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30];
+bs[2023] = [2023, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2024] = [2024, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2025] = [2025, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2026] = [2026, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2027] = [2027, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2028] = [2028, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2029] = [2029, 31, 31, 32, 31, 32, 30, 30, 29, 30, 29, 30, 30];
+bs[2030] = [2030, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2031] = [2031, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2032] = [2032, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2033] = [2033, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2034] = [2034, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2035] = [2035, 30, 32, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31];
+bs[2036] = [2036, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2037] = [2037, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2038] = [2038, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2039] = [2039, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30];
+bs[2040] = [2040, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2041] = [2041, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2042] = [2042, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2043] = [2043, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30];
+bs[2044] = [2044, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2045] = [2045, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2046] = [2046, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2047] = [2047, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2048] = [2048, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2049] = [2049, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30];
+bs[2050] = [2050, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2051] = [2051, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2052] = [2052, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2053] = [2053, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30];
+bs[2054] = [2054, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2055] = [2055, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2056] = [2056, 31, 31, 32, 31, 32, 30, 30, 29, 30, 29, 30, 30];
+bs[2057] = [2057, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2058] = [2058, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2059] = [2059, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2060] = [2060, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2061] = [2061, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2062] = [2062, 30, 32, 31, 32, 31, 31, 29, 30, 29, 30, 29, 31];
+bs[2063] = [2063, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2064] = [2064, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2065] = [2065, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2066] = [2066, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31];
+bs[2067] = [2067, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2068] = [2068, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2069] = [2069, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2070] = [2070, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30];
+bs[2071] = [2071, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2072] = [2072, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2073] = [2073, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+bs[2074] = [2074, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2075] = [2075, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2076] = [2076, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30];
+bs[2077] = [2077, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2078] = [2078, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2079] = [2079, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2080] = [2080, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30];
+bs[2081] = [2081, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];
+bs[2082] = [2082, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
+bs[2083] = [2083, 31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30];
+bs[2084] = [2084, 31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30];
+bs[2085] = [2085, 31, 32, 31, 32, 30, 31, 30, 30, 29, 30, 30, 30];
+bs[2086] = [2086, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30];
+bs[2087] = [2087, 31, 31, 32, 31, 31, 31, 30, 30, 29, 30, 30, 30];
+bs[2088] = [2088, 30, 31, 32, 32, 30, 31, 30, 30, 29, 30, 30, 30];
+bs[2089] = [2089, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30];
+bs[2090] = [2090, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30];
+bs[2091] = [2091, 31, 31, 32, 31, 31, 31, 30, 30, 29, 30, 30, 30];
+bs[2092] = [2092, 30, 31, 32, 32, 31, 30, 30, 30, 29, 30, 30, 30];
+bs[2093] = [2093, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30];
+bs[2094] = [2094, 31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30];
+bs[2095] = [2095, 31, 31, 32, 31, 31, 31, 30, 29, 30, 30, 30, 30];
+bs[2096] = [2096, 30, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];
+bs[2097] = [2097, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30];
+bs[2098] = [2098, 31, 31, 32, 31, 31, 31, 29, 30, 29, 30, 29, 31];
+bs[2099] = [2099, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];
+var leapYears = [];
+for (var i = 2000; i < 2100; i++) {
+ var totalD = 0;
+ for (var j = 1; j <= 12; j++) {
+ totalD += bs[i][j];
+ }
+ if (totalD === 366) leapYears.push(i);
+}
+var currentYear = 2000;
+var currentMonth = 1;
+var daysInEnglish = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+var fullDaysInEnglish = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+var daysInNepali = ['आइत', 'सोम', 'मंगल', 'बुध', 'बिहि', 'शुक्र', 'शनि'];
+var fullDaysInNepali = ['आइतवार', 'सोमवार', 'मंगलवार', 'बुधवार', 'बिहिवार', 'शुक्रवार', 'शनिवार'];
+var monthsInEnglish = ['Baishakh', 'Jestha', 'Ashadh', 'Shrawan', 'Bhadra', 'Ashoj', 'Kartik', 'Mangsir', 'Poush', 'Magh', 'Falgun', 'Chaitra'];
+var monthsInNepali = ['बैशाख', 'जेठ', 'असार', 'श्रावण', 'भदौ', 'असोज', 'कार्तिक', 'मंसिर', 'पुष', 'माघ', 'फाल्गुन', 'चैत्र'];
+var nepaliNumber = ['०', '१', '२', '३', '४', '५', '६', '७', '८', '९'];
+var getNepaliNumber = function getNepaliNumber(engNum) {
+ return engNum.toString().split('').map(function (n) {
+ return nepaliNumber[n];
+ }).join('');
+};
+var getEnglishNumber = function getEnglishNumber(nepNum) {
+ return parseInt(nepNum.toString().split('').map(function (n) {
+ return nepaliNumber.indexOf(n);
+ }).join(''));
+};
+var getFormattedDay = function getFormattedDay(language, length, index) {
+ if (language === 'NE') {
+ if (length === 'DDD') {
+ return daysInNepali[index];
+ } else {
+ return fullDaysInNepali[index];
+ }
+ } else {
+ if (length === 'DDD') {
+ return daysInEnglish[index];
+ } else {
+ return fullDaysInEnglish[index];
+ }
+ }
+};
+var getFormattedMonth = function getFormattedMonth(language, index) {
+ if (language === 'NE') {
+ index = getEnglishNumber(index);
+ index--;
+ return monthsInNepali[index];
+ } else {
+ index--;
+ return monthsInEnglish[index];
+ }
+};
+var getFullEnglishDate = function getFullEnglishDate(englishDate) {
+ var splittedDate = englishDate.split('-');
+ if (splittedDate.length !== 3) {
+ console.error('error spliting the date');
+ }
+ var year = splittedDate[0];
+ var month = splittedDate[1];
+ var day = splittedDate[2];
+ var selectedDate = year + "-" + (splittedDate[1] > 9 ? month : '0' + month) + "-" + (splittedDate[2] > 9 ? day : '0' + day);
+ return selectedDate;
+};
+var convertFullDateToNepali = function convertFullDateToNepali(englishDate) {
+ var splittedDate = englishDate.split('-');
+ if (splittedDate.length !== 3) {
+ console.error('error spliting the date');
+ return -1;
+ }
+ var year = getNepaliNumber(splittedDate[0]);
+ var month = getNepaliNumber(splittedDate[1]);
+ var day = getNepaliNumber(splittedDate[2]);
+ var selectedNepaliDate = year + "-" + (splittedDate[1] > 9 ? month : '०' + month) + "-" + (splittedDate[2] > 9 ? day : '०' + day);
+ return selectedNepaliDate;
+};
+
+var styles = {"theme-header-default":"_1mUuW","theme-header-arrow-default":"_bBYU7","theme-header-red":"_3b2pY","theme-header-arrow-red":"_3fQ0n","theme-header-blue":"_3fNxl","theme-header-arrow-blue":"_16z_f","theme-header-green":"_CLB6y","theme-header-arrow-green":"_O7ihw","theme-header-dark":"_-Ua3q","theme-header-arrow-dark":"_28F1u","theme-header-deepdark":"_P6QvD","theme-header-arrow-deepdark":"_1jvha","header":"_1Op28","header__mycontainer":"_1GhOp","arrow":"_3fmCl","arrow-left":"_1ydFT","arrow-right":"_1Pw8c","header__mycontainer__select":"_2aNF9"};
+
+var Header = function Header(props) {
+ var renderYear = function renderYear() {
+ return Array(2100 - 2000).fill().map(function (_, idx) {
+ return 2000 + idx;
+ }).map(function (val, i) {
+ return /*#__PURE__*/React__default.createElement("option", {
+ key: i,
+ value: val
+ }, props.language === 'NE' ? getNepaliNumber(val) : val);
+ });
+ };
+ return /*#__PURE__*/React__default.createElement("div", {
+ className: styles.header + " " + styles['theme-header-' + props.theme]
+ }, /*#__PURE__*/React__default.createElement("p", {
+ onClick: props.bsPrevious,
+ className: styles.arrow + " " + styles['arrow-left'] + " " + styles['theme-header-arrow-' + props.theme] + " "
+ }), /*#__PURE__*/React__default.createElement("div", {
+ className: styles.header__mycontainer
+ }, /*#__PURE__*/React__default.createElement("select", {
+ className: styles.header__mycontainer__select,
+ value: props.currentMonth,
+ onChange: props.bsMonthJump
+ }, props.language === 'NE' ? monthsInNepali.map(function (mon, i) {
+ return /*#__PURE__*/React__default.createElement("option", {
+ key: i,
+ value: i + 1
+ }, mon);
+ }) : monthsInEnglish.map(function (mon, i) {
+ return /*#__PURE__*/React__default.createElement("option", {
+ key: i,
+ value: i + 1
+ }, mon);
+ })), /*#__PURE__*/React__default.createElement("select", {
+ className: styles.header__mycontainer__select,
+ value: props.currentYear,
+ onChange: props.bsYearJump
+ }, renderYear())), /*#__PURE__*/React__default.createElement("p", {
+ onClick: props.bsNext,
+ className: styles.arrow + " " + styles['arrow-right'] + " " + styles['theme-header-arrow-' + props.theme]
+ }));
+};
+
+var styles$1 = {"react-calendar":"_2xcMq","react-calendar__input":"_1oYOS","react-calendar__days":"_d8Qqp","react-calendar__days-day":"_1yGdK","react-calendar__dates":"_1hh2I","react-calendar__dates-date":"_249_g","react-calendar__dates-null":"_3zttl","theme-react-calendar__dates-date-default":"_3zVi3","theme-react-calendar__dates-null-default":"_1plWg","theme-react-calendar__dates-date__today-default":"_WrIdy","theme-react-calendar__dates-date__selected-default":"_1ImcB","react-calendar__dates-date__disabled-default":"_1EpF_","theme-react-calendar__dates-date-red":"_ZCqJx","theme-react-calendar__dates-null-red":"_3e-oj","theme-react-calendar__dates-date__today-red":"_3vljT","theme-react-calendar__dates-date__selected-red":"_3VNRW","theme-react-calendar__dates-date-blue":"_2wmIR","theme-react-calendar__dates-null-blue":"_3EzT1","theme-react-calendar__dates-date__today-blue":"_3gFNc","theme-react-calendar__dates-date__selected-blue":"_2nANS","theme-react-calendar__dates-date-green":"_3xYsN","theme-react-calendar__dates-null-green":"_2_YcJ","theme-react-calendar__dates-date__today-green":"_3SPPg","theme-react-calendar__dates-date__selected-green":"_3sNLR","theme-react-calendar__dates-date-dark":"_2eP5_","theme-react-calendar__dates-null-dark":"_24Vzw","theme-react-calendar__dates-date__today-dark":"_162w5","theme-react-calendar__dates-date__selected-dark":"_hp0wX","theme-react-calendar__dates-date-deepdark":"_3EEI2","theme-react-calendar__dates-null-deepdark":"_39dGG","theme-react-calendar__dates-deepdark":"_3Rbbx","theme-react-calendar__days-deepdark":"_2ssp5","theme-react-calendar__dates-date__today-deepdark":"_31Ucq","theme-react-calendar__dates-date__selected-deepdark":"_3KUO-","theme-react-calendar-deepdark":"_3NEDk","theme-react-calendar__dates-date__disabled-deepdark":"_24nn5","react-calendar__dates-date__today":"_1oebL","react-calendar__dates-date__selected":"_FsLy_","react-calendar__dates-date__disabled":"_3_2T4"};
+
+var NameOfDays = function NameOfDays(props) {
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.language === 'NE' ? daysInNepali.map(function (el, i) {
+ return /*#__PURE__*/React__default.createElement("span", {
+ className: styles$1['react-calendar__days-day'],
+ key: i
+ }, el);
+ }) : daysInEnglish.map(function (el, i) {
+ return /*#__PURE__*/React__default.createElement("span", {
+ className: styles$1['react-calendar__days-day'],
+ key: i
+ }, el);
+ }));
+};
+
+function adToBs() {
+ var startDate = new Date('1943-04-14');
+ var today = new Date();
+ var daysDifference = Math.floor((today.getTime() - startDate.getTime()) / 86400000);
+ return evaluateNepaliDate(daysDifference);
+}
+function evaluateNepaliDate(daysElpased) {
+ var currentYear = 0;
+ var currentMonth = 0;
+ var currentDay = 0;
+ var totalD = 0;
+ var flag = false;
+ for (var i = 2000; i < 2100; i++) {
+ if (flag) {
+ break;
+ }
+ for (var j = 1; j <= 12; j++) {
+ totalD += bs[i][j];
+ if (daysElpased - totalD < 0) {
+ currentDay = daysElpased - totalD + bs[i][j] + 1;
+ flag = true;
+ currentYear = i;
+ currentMonth = j;
+ break;
+ }
+ }
+ }
+ return {
+ currentYear: currentYear,
+ currentMonth: currentMonth,
+ currentDay: currentDay
+ };
+}
+
+function bsToAd(selectedDate) {
+ var splittedDate = selectedDate.split('-');
+ var year = parseInt(splittedDate[0]);
+ var month = parseInt(splittedDate[1]);
+ var day = parseInt(splittedDate[2]);
+ var daysDiff = 0;
+ for (var i = 2000; i <= year; i++) {
+ if (i === year) {
+ for (var j = 1; j < month; j++) {
+ daysDiff += bs[i][j];
+ }
+ daysDiff += day - 1;
+ } else {
+ for (var _j = 1; _j <= 12; _j++) {
+ daysDiff += bs[i][_j];
+ }
+ }
+ }
+ return evaluateEnglishDate('1943-04-14', daysDiff);
+}
+function evaluateEnglishDate(date, days) {
+ var result = new Date(date);
+ result.setDate(result.getDate() + days);
+ var year = result.getFullYear();
+ var month = result.getMonth() + 1;
+ var day = result.getDate();
+ return year + "-" + (month > 9 ? month : '0' + month) + "-" + (day > 9 ? day : '0' + day);
+}
+
+var RenderCalendar = /*#__PURE__*/function (_PureComponent) {
+ function RenderCalendar() {
+ var _this;
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+ _this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;
+ _this.getDate = function (td) {
+ return _this.props.language === 'NE' ? convertFullDateToNepali(_this.props.currentYear + '-' + _this.props.currentMonth + '-' + getEnglishNumber(td)) : getFullEnglishDate(_this.props.currentYear + '-' + _this.props.currentMonth + '-' + td);
+ };
+ _this.applyTodayCss = function (td) {
+ return _this.props.today === _this.getDate(td) ? styles$1['react-calendar__dates-date__today'] + " " + styles$1['theme-react-calendar__dates-date__today-' + _this.props.theme] : '';
+ };
+ _this.applySelectedDateCss = function (td) {
+ return _this.props.selectedDate === _this.getDate(td) ? styles$1['react-calendar__dates-date__selected'] + " " + styles$1['theme-react-calendar__dates-date__selected-' + _this.props.theme] : '';
+ };
+ _this.applyDisabledDateCss = function (td) {
+ return _this.props.isDateToDisable(td) ? styles$1['react-calendar__dates-date__disabled'] + " " + styles$1['theme-react-calendar__dates-date__disabled-' + _this.props.theme] : '';
+ };
+ _this.applyDateCss = function (td) {
+ return td ? styles$1['react-calendar__dates-date'] + " " + styles$1['theme-react-calendar__dates-date-' + _this.props.theme] : styles$1['react-calendar__dates-null'] + " " + styles$1['theme-react-calendar__dates-null-' + _this.props.theme];
+ };
+ return _this;
+ }
+ _inheritsLoose(RenderCalendar, _PureComponent);
+ var _proto = RenderCalendar.prototype;
+ _proto.render = function render() {
+ var _this2 = this;
+ return this.props.bsCalendar().map(function (tr, i) {
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
+ key: i
+ }, tr.map(function (td, j) {
+ return /*#__PURE__*/React__default.createElement("span", {
+ onClick: function onClick() {
+ return _this2.props.onDateClick(td);
+ },
+ key: j,
+ className: "\n\t\t\t\t\t\t" + _this2.applyDateCss(td) + " \n\t\t\t\t\t\t" + _this2.applyTodayCss(td) + "\n\t\t\t\t\t\t" + _this2.applySelectedDateCss(td) + "\n\t\t\t\t\t\t" + _this2.applyDisabledDateCss(td)
+ }, td);
+ }));
+ });
+ };
+ return RenderCalendar;
+}(React.PureComponent);
+
+var Calendar = /*#__PURE__*/function (_Component) {
+ function Calendar() {
+ var _this;
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+ _this = _Component.call.apply(_Component, [this].concat(args)) || this;
+ _this.state = {
+ currentMonth: currentMonth,
+ currentYear: currentYear,
+ currentDay: 1,
+ dates: [],
+ showCalendar: false,
+ selectedDate: '',
+ today: '',
+ language: 'NE',
+ theme: 'default',
+ hideDefaultValue: _this.props.hideDefaultValue
+ };
+ _this.wrapperRef = React__default.createRef();
+ _this.inputRef = React__default.createRef();
+ _this.handleClickOutside = function (event) {
+ if (_this.state.showCalendar && _this.wrapperRef && !_this.wrapperRef.current.contains(event.target)) {
+ _this.setState({
+ showCalendar: false
+ });
+ }
+ };
+ _this.validateTheme = function (th) {
+ var theme = th || 'default';
+ theme = theme.toString().toLowerCase();
+ switch (theme) {
+ case 'red':
+ theme = 'red';
+ break;
+ case 'blue':
+ theme = 'blue';
+ break;
+ case 'green':
+ theme = 'green';
+ break;
+ case 'dark':
+ theme = 'dark';
+ break;
+ case 'deepdark':
+ theme = 'deepdark';
+ break;
+ default:
+ theme = 'default';
+ break;
+ }
+ return theme;
+ };
+ _this.validateLanguage = function (ln) {
+ var language = ln || 'NE';
+ language = language.toString().toUpperCase();
+ var lang = 'NE';
+ switch (language) {
+ case 'EN':
+ case 'ENGLISH':
+ lang = 'EN';
+ break;
+ default:
+ lang = 'NE';
+ break;
+ }
+ return lang;
+ };
+ _this.calcFirstDay = function () {
+ var month = _this.state.currentMonth;
+ var year = _this.state.currentYear;
+ var diff = year - 2000;
+ var leapYear = 0;
+ var firstDay;
+ for (var l = 0; l < leapYears.length; l++) {
+ if (year > leapYears[l]) {
+ leapYear++;
+ }
+ }
+ if (year > 2096) {
+ leapYear--;
+ }
+ var td = 3 + diff * 365 + leapYear;
+ if (month - 1 > 0) {
+ for (var i = 1; i < month; i++) {
+ td += bs[year][i];
+ }
+ firstDay = td % 7;
+ } else {
+ firstDay = td % 7;
+ }
+ td = 0;
+ return firstDay;
+ };
+ _this.bsCalendar = function () {
+ var month = _this.state.currentMonth;
+ var year = _this.state.currentYear;
+ var firstDay = _this.calcFirstDay();
+ var tbl = [];
+ var daysInMonth = bs[year][month];
+ var date = 1;
+ for (var i = 0; i < 6; i++) {
+ var row = [];
+ for (var j = 0; j < 7; j++) {
+ if (i === 0 && j < firstDay) {
+ row.push('');
+ } else if (date > daysInMonth) {
+ row.push('');
+ } else {
+ if (_this.state.language === 'NE') {
+ var convertToNepali = getNepaliNumber(date);
+ row.push(convertToNepali);
+ } else {
+ row.push(date);
+ }
+ date++;
+ }
+ }
+ tbl.push(row);
+ }
+ return tbl;
+ };
+ _this.bsNext = function () {
+ if (_this.state.currentYear === 2099 && _this.state.currentMonth === 12) {
+ return -1;
+ }
+ var currentYear = _this.state.currentMonth === 12 ? _this.state.currentYear + 1 : _this.state.currentYear;
+ var currentMonth = (_this.state.currentMonth + 1) % 13 ? _this.state.currentMonth + 1 : 1;
+ _this.setState({
+ currentYear: currentYear,
+ currentMonth: currentMonth
+ });
+ };
+ _this.bsPrevious = function () {
+ if (_this.state.currentYear === 2000 && _this.state.currentMonth === 1) {
+ return -1;
+ }
+ var currentYear = _this.state.currentMonth === 1 ? _this.state.currentYear - 1 : _this.state.currentYear;
+ var currentMonth = _this.state.currentMonth === 1 ? 12 : _this.state.currentMonth - 1;
+ _this.setState({
+ currentYear: currentYear,
+ currentMonth: currentMonth
+ });
+ };
+ _this.bsMonthJump = function (e) {
+ var currentMonth = parseInt(e.target.value);
+ _this.setState({
+ currentMonth: currentMonth
+ });
+ };
+ _this.bsYearJump = function (e) {
+ var currentYear = parseInt(e.target.value);
+ _this.setState({
+ currentYear: currentYear
+ });
+ };
+ _this.onDateClick = function (day) {
+ if (!day) return -1;
+ if (_this.isDateToDisable(day)) return -1;
+ var englishNumber = _this.state.language === 'NE' ? getEnglishNumber(day) : day;
+ _this.setState({
+ currentDay: englishNumber,
+ selectedDate: _this.state.currentYear + "-" + _this.state.currentMonth + "-" + englishNumber,
+ showCalendar: false,
+ hideDefaultValue: false
+ });
+ _this.props.onChange(_this.formatDate(_this.state.language === 'NE' ? convertFullDateToNepali(_this.state.currentYear + '-' + _this.state.currentMonth + '-' + englishNumber) : getFullEnglishDate(_this.state.currentYear + '-' + _this.state.currentMonth + '-' + englishNumber)));
+ };
+ _this.formatDate = function (fullDate) {
+ var splittedDate = fullDate.split('-');
+ if (splittedDate.length !== 3) {
+ console.log('error spliting the date');
+ return -1;
+ }
+ _this.setState({
+ selectedDate: fullDate
+ });
+ var year = splittedDate[0];
+ var month = splittedDate[1];
+ var day = splittedDate[2];
+ var AdDate = bsToAd(_this.state.language === 'NE' ? getEnglishNumber(year) + '-' + getEnglishNumber(month) + '-' + getEnglishNumber(day) : year + '-' + month + '-' + day);
+ var firstDay = _this.calcFirstDay();
+ var weekendDay = (firstDay + (_this.state.language === 'NE' ? getEnglishNumber(day) : parseInt(day)) - 1) % 7;
+ var dateFormat = _this.props.dateFormat ? _this.props.dateFormat : 'YYYY-MM-DD';
+ dateFormat = dateFormat.toUpperCase();
+ if (dateFormat.includes('YYYY')) {
+ dateFormat = dateFormat.replace('YYYY', year);
+ } else if (dateFormat.includes('YYY')) {
+ dateFormat = dateFormat.replace('YYY', year.toString().slice(1, 4));
+ } else if (dateFormat.includes('YY')) {
+ dateFormat = dateFormat.replace('YY', year.toString().slice(2, 4));
+ }
+ if (dateFormat.includes('MMMM')) {
+ dateFormat = dateFormat.replace('MMMM', getFormattedMonth(_this.validateLanguage(_this.props.language), month));
+ } else if (dateFormat.includes('MM')) {
+ dateFormat = dateFormat.replace('MM', month);
+ } else if (dateFormat.includes('M')) {
+ dateFormat = dateFormat.replace('M', month[0] === '0' | month[0] === '०' ? month.substring(1) : month);
+ }
+ if (dateFormat.includes('DDDD')) {
+ dateFormat = dateFormat.replace('DDDD', getFormattedDay(_this.validateLanguage(_this.props.language), 'DDDD', weekendDay));
+ } else if (dateFormat.includes('DDD')) {
+ dateFormat = dateFormat.replace('DDD', getFormattedDay(_this.validateLanguage(_this.props.language), 'DDD', weekendDay));
+ }
+ if (dateFormat.includes('DD')) {
+ dateFormat = dateFormat.replace('DD', day);
+ } else if (dateFormat.includes('D')) {
+ dateFormat = dateFormat.replace('D', day[0] === '0' | day[0] === '०' ? day.substring(1) : day);
+ }
+ _this.setState({
+ formatedDate: dateFormat
+ });
+ return {
+ bsDate: dateFormat,
+ adDate: AdDate
+ };
+ };
+ _this.isDateToDisable = function (td) {
+ td = _this.state.language === 'NE' ? getEnglishNumber(td) : td;
+ var minDate = _this.validateDate(_this.props.minDate) ? _this.props.minDate : '--';
+ var maxDate = _this.validateDate(_this.props.maxDate) ? _this.props.maxDate : '--';
+ var splittedMinDate = minDate.split('-');
+ var splittedMaxDate = maxDate.split('-');
+ var minYear = parseInt(splittedMinDate[0]);
+ var minMonth = parseInt(splittedMinDate[1]);
+ var minDay = splittedMinDate[2];
+ var maxYear = parseInt(splittedMaxDate[0]);
+ var maxMonth = parseInt(splittedMaxDate[1]);
+ var maxDay = parseInt(splittedMaxDate[2]);
+ if (_this.state.currentYear < minYear || _this.state.currentYear > maxYear) {
+ return true;
+ } else if (_this.state.currentYear === minYear && _this.state.currentMonth < minMonth || _this.state.currentYear === maxYear && _this.state.currentMonth > maxMonth) {
+ return true;
+ } else if (_this.state.currentYear === minYear && _this.state.currentMonth === minMonth && td <= minDay || _this.state.currentYear === maxYear && _this.state.currentMonth === maxMonth && td >= maxDay) {
+ return true;
+ }
+ };
+ _this.validateDate = function (date) {
+ if (!date) {
+ return false;
+ }
+ if (date.split('-').length !== 3) {
+ return false;
+ }
+ return true;
+ };
+ _this.parseTypedDate = function (input) {
+ var parts = input.split('-');
+ if (parts.length !== 3) return null;
+ var _parts$map = parts.map(function (p) {
+ return parseInt(p, 10);
+ }),
+ year = _parts$map[0],
+ month = _parts$map[1],
+ day = _parts$map[2];
+ if (isNaN(year) || isNaN(month) || isNaN(day) || year < 2000 || year > 2099 || month < 1 || month > 12 || day < 1 || day > 32) {
+ return null;
+ }
+ return {
+ year: year,
+ month: month,
+ day: day
+ };
+ };
+ _this.handleInputChange = function (e) {
+ var raw = e.target.value.replace(/[^\d]/g, '');
+ if (raw.length > 8) raw = raw.slice(0, 8);
+ var year = raw.slice(0, 4);
+ var month = raw.slice(4, 6);
+ var day = raw.slice(6, 8);
+ if (month.length === 1 && parseInt(month) > 1) {
+ month = '0' + month;
+ }
+ if (month && (parseInt(month) < 0 || parseInt(month) > 12)) {
+ month = '12';
+ }
+ if (day.length === 1 && parseInt(day) > 3) {
+ day = '0' + day;
+ }
+ if (day && (parseInt(day) < 0 || parseInt(day) > 32)) {
+ day = '32';
+ }
+ var formatted = year;
+ if (month) formatted += '-' + month;
+ if (day) formatted += '-' + day;
+ _this.setState({
+ selectedDate: formatted
+ });
+ if (formatted.length === 10) {
+ var parsed = _this.parseTypedDate(formatted);
+ if (!parsed) return;
+ var _year = parsed.year,
+ _month = parsed.month,
+ _day = parsed.day;
+ var englishNumber = _this.state.language === 'NE' ? getEnglishNumber(_day) : _day;
+ _this.setState({
+ currentYear: _year,
+ currentMonth: _month,
+ currentDay: _day,
+ selectedDate: _year + "-" + _month + "-" + _day,
+ hideDefaultValue: false,
+ showCalendar: false
+ });
+ _this.props.onChange(_this.formatDate(_this.state.language === 'NE' ? convertFullDateToNepali(_year + "-" + _month + "-" + englishNumber) : getFullEnglishDate(_year + "-" + _month + "-" + englishNumber)));
+ }
+ };
+ return _this;
+ }
+ _inheritsLoose(Calendar, _Component);
+ var _proto = Calendar.prototype;
+ _proto.componentDidMount = function componentDidMount() {
+ var _this2 = this;
+ var _adToBs = adToBs(),
+ currentYear = _adToBs.currentYear,
+ currentMonth = _adToBs.currentMonth,
+ currentDay = _adToBs.currentDay;
+ var language = this.validateLanguage(this.props.language);
+ var theme = this.validateTheme(this.props.theme);
+ var today = language === 'NE' ? convertFullDateToNepali(currentYear + '-' + currentMonth + '-' + currentDay) : getFullEnglishDate(currentYear + '-' + currentMonth + '-' + currentDay);
+ if (this.validateDate(this.props.defaultDate)) {
+ var splittedDate = this.props.defaultDate.split('-');
+ var year = parseInt(splittedDate[0]);
+ var month = parseInt(splittedDate[1]);
+ var day = parseInt(splittedDate[2]);
+ if (year < 2000 && year > 2099 && month < 1 && month > 12) return -1;
+ currentYear = year;
+ currentMonth = month;
+ currentDay = day;
+ }
+ this.setState({
+ currentYear: currentYear,
+ currentMonth: currentMonth,
+ currentDay: currentDay,
+ today: today,
+ language: language,
+ theme: theme
+ }, function () {
+ if (_this2.state.hideDefaultValue) _this2.formatDate(language === 'NE' ? convertFullDateToNepali(currentYear + '-' + currentMonth + '-' + currentDay) : getFullEnglishDate(currentYear + '-' + currentMonth + '-' + currentDay));else _this2.props.onChange(_this2.formatDate(language === 'NE' ? convertFullDateToNepali(currentYear + '-' + currentMonth + '-' + currentDay) : getFullEnglishDate(currentYear + '-' + currentMonth + '-' + currentDay)));
+ });
+ document.addEventListener('mousedown', this.handleClickOutside);
+ };
+ _proto.componentWillUnmount = function componentWillUnmount() {
+ document.removeEventListener('mousedown', this.handleClickOutside);
+ };
+ _proto.render = function render() {
+ var _this$props$placehold,
+ _this3 = this;
+ return /*#__PURE__*/React__default.createElement("div", {
+ style: {
+ position: 'relative'
+ }
+ }, /*#__PURE__*/React__default.createElement("div", {
+ ref: this.wrapperRef,
+ style: {
+ top: this.inputRef.current ? this.inputRef.current.clientHeight + 5 : 31
+ },
+ className: styles$1['react-calendar'] + " " + styles$1['theme-react-calendar-' + this.state.theme]
+ }, this.state.showCalendar && /*#__PURE__*/React__default.createElement("div", {
+ className: ""
+ }, /*#__PURE__*/React__default.createElement(Header, {
+ currentMonth: this.state.currentMonth,
+ currentYear: this.state.currentYear,
+ bsNext: this.bsNext,
+ bsPrevious: this.bsPrevious,
+ bsMonthJump: this.bsMonthJump,
+ bsYearJump: this.bsYearJump,
+ language: this.state.language,
+ theme: this.state.theme
+ }), /*#__PURE__*/React__default.createElement("div", {
+ className: styles$1['react-calendar__body']
+ }, /*#__PURE__*/React__default.createElement("div", {
+ className: styles$1['react-calendar__days'] + " " + styles$1['theme-react-calendar__days-' + this.state.theme]
+ }, /*#__PURE__*/React__default.createElement(NameOfDays, {
+ language: this.state.language
+ })), /*#__PURE__*/React__default.createElement("div", {
+ className: styles$1['react-calendar__dates'] + " " + styles$1['theme-react-calendar__dates-' + this.state.theme]
+ }, ' ', /*#__PURE__*/React__default.createElement(RenderCalendar, {
+ bsCalendar: this.bsCalendar,
+ onDateClick: this.onDateClick,
+ today: this.state.today,
+ language: this.state.language,
+ currentYear: this.state.currentYear,
+ currentMonth: this.state.currentMonth,
+ selectedDate: this.state.selectedDate,
+ theme: this.state.theme,
+ minDate: this.props.minDate,
+ maxDate: this.props.maxDate,
+ isDateToDisable: this.isDateToDisable
+ }), ' ')))), /*#__PURE__*/React__default.createElement("div", {
+ className: this.containerClassName
+ }, /*#__PURE__*/React__default.createElement("input", {
+ id: this.props.name,
+ ref: this.inputRef,
+ className: this.props.inputClassName,
+ placeholder: (_this$props$placehold = this.props.placeholder) != null ? _this$props$placehold : 'select date',
+ onClick: function onClick() {
+ return _this3.setState({
+ showCalendar: true
+ });
+ },
+ onChange: this.handleInputChange,
+ type: "text",
+ value: this.state.selectedDate
+ }), /*#__PURE__*/React__default.createElement("label", {
+ htmlFor: this.props.name,
+ className: this.props.labelClassName
+ }, /*#__PURE__*/React__default.createElement("div", {
+ className: "flex items-center"
+ }, this.props.label ? this.props.label : ""))));
+ };
+ return Calendar;
+}(React.Component);
+Calendar.defaultProps = {
+ onChange: function onChange() {},
+ inputClassName: '',
+ labelClassName: '',
+ containerClassName: "",
+ label: "",
+ name: "",
+ language: 'NE',
+ theme: 'default',
+ dateFormat: 'YYYY-MM-DD',
+ style: {},
+ minDate: '',
+ maxDate: '',
+ defaultDate: '',
+ hideDefaultValue: false
+};
+
+module.exports = Calendar;
+//# sourceMappingURL=index.js.map
diff --git a/dist/index.js.map b/dist/index.js.map
new file mode 100644
index 0000000..8293cb6
--- /dev/null
+++ b/dist/index.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/utils/Config.js","../src/components/Header/index.jsx","../src/components/NameOfDays.jsx","../src/utils/AdToBs.js","../src/utils/BsToAd.js","../src/components/Calendar/RenderCalendar.js","../src/components/Calendar/Calendar.js"],"sourcesContent":["const bs = [];\nbs[2000] = [2000, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2001] = [2001, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2002] = [2002, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2003] = [2003, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2004] = [2004, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2005] = [2005, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2006] = [2006, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2007] = [2007, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2008] = [2008, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31];\n\nbs[2009] = [2009, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2010] = [2010, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2011] = [2011, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2012] = [2012, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30];\n\nbs[2013] = [2013, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2014] = [2014, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2015] = [2015, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2016] = [2016, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30];\n\nbs[2017] = [2017, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2018] = [2018, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2019] = [2019, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2020] = [2020, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2021] = [2021, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2022] = [2022, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30];\n\nbs[2023] = [2023, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2024] = [2024, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2025] = [2025, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2026] = [2026, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2027] = [2027, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2028] = [2028, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2029] = [2029, 31, 31, 32, 31, 32, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2030] = [2030, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2031] = [2031, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2032] = [2032, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2033] = [2033, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2034] = [2034, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2035] = [2035, 30, 32, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31];\n\nbs[2036] = [2036, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2037] = [2037, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2038] = [2038, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2039] = [2039, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30];\n\nbs[2040] = [2040, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2041] = [2041, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2042] = [2042, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2043] = [2043, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30];\n\nbs[2044] = [2044, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2045] = [2045, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2046] = [2046, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2047] = [2047, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2048] = [2048, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2049] = [2049, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30];\n\nbs[2050] = [2050, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2051] = [2051, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2052] = [2052, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2053] = [2053, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30];\n\nbs[2054] = [2054, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2055] = [2055, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2056] = [2056, 31, 31, 32, 31, 32, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2057] = [2057, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2058] = [2058, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2059] = [2059, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2060] = [2060, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2061] = [2061, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2062] = [2062, 30, 32, 31, 32, 31, 31, 29, 30, 29, 30, 29, 31];\n\nbs[2063] = [2063, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2064] = [2064, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2065] = [2065, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2066] = [2066, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31];\n\nbs[2067] = [2067, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2068] = [2068, 31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2069] = [2069, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2070] = [2070, 31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30];\n\nbs[2071] = [2071, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2072] = [2072, 31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2073] = [2073, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nbs[2074] = [2074, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2075] = [2075, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2076] = [2076, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30];\n\nbs[2077] = [2077, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2078] = [2078, 31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2079] = [2079, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2080] = [2080, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30];\n\nbs[2081] = [2081, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31];\n\nbs[2082] = [2082, 31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];\n\nbs[2083] = [2083, 31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30];\n\nbs[2084] = [2084, 31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30];\n\nbs[2085] = [2085, 31, 32, 31, 32, 30, 31, 30, 30, 29, 30, 30, 30];\n\nbs[2086] = [2086, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30];\n\nbs[2087] = [2087, 31, 31, 32, 31, 31, 31, 30, 30, 29, 30, 30, 30];\n\nbs[2088] = [2088, 30, 31, 32, 32, 30, 31, 30, 30, 29, 30, 30, 30];\n\nbs[2089] = [2089, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30];\n\nbs[2090] = [2090, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30];\n\nbs[2091] = [2091, 31, 31, 32, 31, 31, 31, 30, 30, 29, 30, 30, 30];\n\nbs[2092] = [2092, 30, 31, 32, 32, 31, 30, 30, 30, 29, 30, 30, 30];\n\nbs[2093] = [2093, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30];\n\nbs[2094] = [2094, 31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30];\n\nbs[2095] = [2095, 31, 31, 32, 31, 31, 31, 30, 29, 30, 30, 30, 30];\n\nbs[2096] = [2096, 30, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30];\n\nbs[2097] = [2097, 31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30];\n\nbs[2098] = [2098, 31, 31, 32, 31, 31, 31, 29, 30, 29, 30, 29, 31];\n\nbs[2099] = [2099, 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31];\n\nconst leapYears = [];\nfor (let i = 2000; i < 2100; i++) {\n\tlet totalD = 0;\n\tfor (let j = 1; j <= 12; j++) {\n\t\ttotalD += bs[i][j];\n\t}\n\tif (totalD === 366) leapYears.push(i);\n}\n\nconst currentYear = 2000;\nconst currentMonth = 1;\nconst firstDay = 3;\n\nconst daysInEnglish = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\nconst fullDaysInEnglish = [\n\t'Sunday',\n\t'Monday',\n\t'Tuesday',\n\t'Wednesday',\n\t'Thursday',\n\t'Friday',\n\t'Saturday',\n];\nconst daysInNepali = ['आइत', 'सोम', 'मंगल', 'बुध', 'बिहि', 'शुक्र', 'शनि'];\nconst fullDaysInNepali = ['आइतवार', 'सोमवार', 'मंगलवार', 'बुधवार', 'बिहिवार', 'शुक्रवार', 'शनिवार'];\n\nconst monthsInEnglish = [\n\t'Baishakh',\n\t'Jestha',\n\t'Ashadh',\n\t'Shrawan',\n\t'Bhadra',\n\t'Ashoj',\n\t'Kartik',\n\t'Mangsir',\n\t'Poush',\n\t'Magh',\n\t'Falgun',\n\t'Chaitra',\n];\n\nconst monthsInNepali = [\n\t'बैशाख',\n\t'जेठ',\n\t'असार',\n\t'श्रावण',\n\t'भदौ',\n\t'असोज',\n\t'कार्तिक',\n\t'मंसिर',\n\t'पुष',\n\t'माघ',\n\t'फाल्गुन',\n\t'चैत्र',\n];\n\nconst nepaliNumber = ['०', '१', '२', '३', '४', '५', '६', '७', '८', '९'];\n\nconst getNepaliNumber = (engNum) => {\n\treturn engNum\n\t\t.toString()\n\t\t.split('')\n\t\t.map((n) => nepaliNumber[n])\n\t\t.join('');\n};\n\nconst getEnglishNumber = (nepNum) => {\n\treturn parseInt(\n\t\tnepNum\n\t\t\t.toString()\n\t\t\t.split('')\n\t\t\t.map((n) => nepaliNumber.indexOf(n))\n\t\t\t.join('')\n\t);\n};\n\nconst getFormattedDay = (language, length, index) => {\n\tif (language === 'NE') {\n\t\tif (length === 'DDD') {\n\t\t\treturn daysInNepali[index];\n\t\t} else {\n\t\t\t// length DDDD\n\t\t\treturn fullDaysInNepali[index];\n\t\t}\n\t} else {\n\t\t// language english\n\t\tif (length === 'DDD') {\n\t\t\treturn daysInEnglish[index];\n\t\t} else {\n\t\t\t// length DDDD\n\t\t\treturn fullDaysInEnglish[index];\n\t\t}\n\t}\n};\nconst getFormattedMonth = (language, index) => {\n\tif (language === 'NE') {\n\t\tindex = getEnglishNumber(index);\n\t\tindex--;\n\t\treturn monthsInNepali[index];\n\t} else {\n\t\tindex--;\n\t\t// language english\n\t\treturn monthsInEnglish[index];\n\t}\n};\n\nconst getFullEnglishDate = (englishDate) => {\n\tconst splittedDate = englishDate.split('-');\n\tif (splittedDate.length !== 3) {\n\t\tconsole.error('error spliting the date');\n\t}\n\n\tconst year = splittedDate[0];\n\tconst month = splittedDate[1];\n\tconst day = splittedDate[2];\n\tconst selectedDate = `${year}-${splittedDate[1] > 9 ? month : '0' + month}-${\n\t\tsplittedDate[2] > 9 ? day : '0' + day\n\t}`;\n\treturn selectedDate;\n};\n\nconst convertFullDateToNepali = (englishDate) => {\n\tconst splittedDate = englishDate.split('-');\n\tif (splittedDate.length !== 3) {\n\t\tconsole.error('error spliting the date');\n\t\treturn -1;\n\t}\n\tconst year = getNepaliNumber(splittedDate[0]);\n\tconst month = getNepaliNumber(splittedDate[1]);\n\tconst day = getNepaliNumber(splittedDate[2]);\n\tconst selectedNepaliDate = `${year}-${splittedDate[1] > 9 ? month : '०' + month}-${\n\t\tsplittedDate[2] > 9 ? day : '०' + day\n\t}`;\n\treturn selectedNepaliDate;\n};\n\nexport {\n\tbs,\n\tdaysInNepali,\n\tdaysInEnglish,\n\tmonthsInNepali,\n\tmonthsInEnglish,\n\tgetNepaliNumber,\n\tgetEnglishNumber,\n\tcurrentYear,\n\tcurrentMonth,\n\tfirstDay,\n\tleapYears,\n\tgetFormattedDay,\n\tgetFormattedMonth,\n\tgetFullEnglishDate,\n\tconvertFullDateToNepali,\n};\n","import React from 'react';\nimport styles from './Header.module.css';\nimport { monthsInNepali, monthsInEnglish, getNepaliNumber } from '../../utils/Config';\nconst Header = (props) => {\n\tconst renderYear = () =>\n\t\tArray(2100 - 2000)\n\t\t\t.fill()\n\t\t\t.map((_, idx) => 2000 + idx)\n\t\t\t.map((val, i) => (\n\t\t\t\t\n\t\t\t));\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{props.language === 'NE'\n\t\t\t\t\t\t? monthsInNepali.map((mon, i) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t ))\n\t\t\t\t\t\t: monthsInEnglish.map((mon, i) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t ))}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{renderYear()}\n\t\t\t\t\n\t\t\t
\n\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t{this.state.showCalendar && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\n
this.setState({ showCalendar: true })}\n onChange={this.handleInputChange}\n\t\t\t\t\ttype='text'\n\t\t\t\t\tvalue={ this.state.selectedDate}\n\t\t\t\t/>\n \n \n {this.props.label ? (this.props.label) : \"\"}\n
\n \n \n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{props.language === 'NE'\n\t\t\t\t\t\t? monthsInNepali.map((mon, i) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t ))\n\t\t\t\t\t\t: monthsInEnglish.map((mon, i) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t ))}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{renderYear()}\n\t\t\t\t\n\t\t\t
\n\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t{this.state.showCalendar && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\n
this.setState({ showCalendar: true })}\n onChange={this.handleInputChange}\n\t\t\t\t\ttype='text'\n\t\t\t\t\tvalue={ this.state.selectedDate}\n\t\t\t\t/>\n \n \n {this.props.label ? (this.props.label) : \"\"}\n
\n \n
@@ -439,16 +513,26 @@ class Calendar extends Component {
)}
-
+ this.setState({ showCalendar: true })}
+ onChange={this.handleInputChange}
type='text'
- defaultValue={this.state.hideDefaultValue ? '' : this.state.formatedDate}
+ value={ this.state.selectedDate}
/>
+
+
);
}
diff --git a/src/components/Calendar/Calendar.module.css b/src/components/Calendar/Calendar.module.css
index ef034a6..f0ec72c 100644
--- a/src/components/Calendar/Calendar.module.css
+++ b/src/components/Calendar/Calendar.module.css
@@ -1,3 +1,4 @@
+
* {
box-sizing: border-box;
}
@@ -40,7 +41,7 @@
.react-calendar__dates-null {
padding: 10px 21px;
}
-/*
+/*
Theme CSS
1. hover on null and date -> background color and color
2. today -> background color and color
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/src/index.js b/src/index.js
index c97dd75..a5daa2b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,2 +1,3 @@
+import "./index.css"
import Calendar from './components/Calendar/Calendar';
export default Calendar;
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..4eb7450
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: [
+ "./index.html",
+ "./src/**/*.{js,ts,jsx,tsx}",
+ ],
+ theme: {
+ extend: {
+ fontFamily: {
+ poppins: ['Poppins', 'sans-serif'],
+ },
+ },
+ },
+ plugins: [],
+}