@sonygrg/nepali-datepicker 1.0.7 → 1.0.9

package/README.md

@@ -22,7 +22,14 @@ npm install react react-dom @mui/material @mui/x-date-pickers @emotion/react @em
 import { InputCalendar } from "@sonygrg/nepali-datepicker";
 
 function App() {
-  return <InputCalendar />;
+  const [date, setDate] = useState<ParsedBSDate | null>(null);
+  return (
+    <InputCalendar
+      value={date}
+      onChange={(value) => setDate(value)}
+      className=""
+    />
+  );
 }
 
 export default App;

package/dist/components/InputCalendar.d.ts

@@ -1 +1,8 @@
-export default function InputCalendar(): import("react").JSX.Element;
+import { ParsedBSDate } from '../converter/bsDateParser';
+type Props = {
+    value?: ParsedBSDate | null;
+    onChange?: (date: ParsedBSDate | null) => void;
+    className?: string;
+};
+export default function InputCalendar({ value, onChange, className }: Props): import("react").JSX.Element;
+export {};

package/dist/components/NepaliCalendar.d.ts

@@ -1,14 +1,7 @@
+import { ParsedBSDate } from '../converter/bsDateParser';
 type Props = {
-    onSelectDate: (date: {
-        year: number;
-        month: number;
-        day: number;
-    }) => void;
-    selectDate: {
-        year: number;
-        month: number;
-        day: number;
-    } | null;
+    onSelectDate: (date: ParsedBSDate) => void;
+    selectDate: ParsedBSDate | null;
 };
 export default function NepaliCalendar({ onSelectDate, selectDate }: Props): import("react").JSX.Element;
 export {};

package/dist/index.d.ts

@@ -1 +1,2 @@
 export { default as InputCalendar } from './components/InputCalendar';
+export type { ParsedBSDate } from './converter/bsDateParser';

package/dist/nepali-datepicker.cjs.js

@@ -3,4 +3,4 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=(e,t)=>
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,o,p,m,p),L[p+o]=!0)}if(p=null,i!==void 0&&(r(i),p=``+i),s(n)&&(r(n.key),p=``+n.key),`key`in n)for(var h in i={},n)h!==`key`&&(i[h]=n[h]);else i=n;return p&&c(i,typeof e==`function`?e.displayName||e.name||`Unknown`:e),u(e,p,i,a(),l,d)}function f(e){p(e)?e._store&&(e._store.validated=1):typeof e==`object`&&e&&e.$$typeof===E&&(e._payload.status===`fulfilled`?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e==`object`&&!!e&&e.$$typeof===h}var m=require("react"),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),S=Symbol.for(`react.forward_ref`),C=Symbol.for(`react.suspense`),w=Symbol.for(`react.suspense_list`),T=Symbol.for(`react.memo`),E=Symbol.for(`react.lazy`),D=Symbol.for(`react.activity`),O=Symbol.for(`react.client.reference`),k=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,A=Object.prototype.hasOwnProperty,j=Array.isArray,M=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var N,P={},F=m.react_stack_bottom_frame.bind(m,o)(),I=M(i(o)),L={};e.Fragment=_,e.jsx=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!1,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)},e.jsxs=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)}})()})),x=e(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=y():t.exports=b()}))(),S=[`Baisakh`,`Jestha`,`Asar`,`Shrawan`,`Bhadra`,`Aswin`,`Kartik`,`Mangsir`,`Poush`,`Magh`,`Falgun`,`Chaitra`];function C({onSelectDate:e,selectDate:n}){let[o,s]=(0,r.useState)(()=>n?.year??2083),[c,l]=(0,r.useState)(()=>n?.month??1);(0,r.useEffect)(()=>{if(!n)return;let e=setTimeout(()=>{s(n.year),l(n.month)},0);return()=>clearTimeout(e)},[n]);let u=Object.keys(i).map(Number),d=i[String(o)]?.[S[c-1]]??30,p=f(o,c),m=()=>{c===1?(l(12),s(e=>e-1)):l(e=>e-1)},g=()=>{c===12?(l(1),s(e=>e+1)):l(e=>e+1)},_=o===2e3&&c===1,v=o===2090&&c===12,y=[...Array(p).fill(null),...Array.from({length:d},(e,t)=>t+1)];return(0,x.jsxs)(t.Card,{sx:{p:`20px`,display:`flex`,flexDirection:`column`,gap:`10px`},children:[(0,x.jsxs)(t.Box,{sx:{display:`flex`,alignItems:`center`,justifyContent:`center`,gap:`4px`,mb:`8px`},children:[(0,x.jsx)(t.IconButton,{onClick:m,disabled:_,children:`‹`}),(0,x.jsx)(t.Select,{value:o,onChange:e=>{s(Number(e.target.value))},size:`small`,MenuProps:{slotProps:{paper:{sx:{maxHeight:250}}}},sx:{minWidth:90},children:u.map(e=>(0,x.jsx)(t.MenuItem,{value:e,children:h(e)},e))}),(0,x.jsx)(t.Select,{value:c,onChange:e=>l(Number(e.target.value)),MenuProps:{slotProps:{paper:{sx:{maxHeight:250}}}},sx:{minWidth:90},size:`small`,children:a.month.long.map((e,n)=>(0,x.jsx)(t.MenuItem,{value:n+1,children:e},e))}),(0,x.jsx)(t.IconButton,{onClick:g,disabled:v,children:`›`})]}),(0,x.jsxs)(t.Box,{sx:{display:`grid`,gridTemplateColumns:`repeat(7, 1fr)`,textAlign:`center`,gap:2},children:[a.day.short.map(e=>(0,x.jsx)(t.Box,{children:(0,x.jsx)(t.Typography,{variant:`caption`,sx:{fontSize:`14px`},children:e})},e)),y.map((r,i)=>{let a=n&&n.day===r&&n.month===c&&n.year===o;return(0,x.jsx)(t.Box,{children:r&&(0,x.jsx)(t.Box,{onClick:()=>{e({year:o,month:c,day:r})},sx:{cursor:`pointer`,bgcolor:a?`primary.main`:`transparent`,color:a?`#fff`:`text.primary`,borderRadius:`50%`,height:`32px`,width:`32px`,display:`flex`,justifyContent:`center`,alignItems:`center`},children:h(r)})},i)})]})]})}var w=[`Baisakh`,`Jestha`,`Asar`,`Shrawan`,`Bhadra`,`Aswin`,`Kartik`,`Mangsir`,`Poush`,`Magh`,`Falgun`,`Chaitra`];function T(e){let t=_(e).split(`/`);if(t.length!==3||t[0].length!==4)return null;let n=parseInt(t[0],10),r=parseInt(t[1],10),a=parseInt(t[2],10);if(isNaN(n)||isNaN(r)||isNaN(a))return null;let o=i[String(n)]?.[w[r-1]];return!o||r<1||r>12||a<1||a>o?null:{year:n,month:r,day:a}}function E(){let[e,i]=(0,r.useState)(null),[a,o]=(0,r.useState)(null),[s,c]=(0,r.useState)(``),l=(0,r.useRef)(null),u=(0,r.useRef)(null),d=(0,r.useRef)(null),f=()=>{let e=T(s);e?(o(e),console.log(`Selected Date:`,g(e))):s&&o(null),c(``)};return(0,r.useLayoutEffect)(()=>{u.current&&d.current!==null&&u.current.setSelectionRange(d.current,d.current)},[s]),(0,x.jsx)(`div`,{children:(0,x.jsxs)(t.Box,{sx:{m:`0px`},children:[(0,x.jsx)(t.Box,{ref:l,children:(0,x.jsx)(t.TextField,{label:a?``:`मिति छान्‍नुहोस्  `,size:`small`,sx:{" .MuiInputBase-input":{height:`20px`}},value:s?v(s):a?g(a):``,placeholder:` YYYY/MM/DD`,onChange:e=>{let t=e.target,n=t.selectionStart??0,r=_(t.value);r=r.split(``).filter(e=>e>=`0`&&e<=`9`||e===`/`).join(``);let i=r.length;(r.length===4&&!r.includes(`/`)||r.length===7&&r.split(`/`).length===2)&&(r+=`/`),r.length>i&&n===i&&(n+=1),d.current=n,c(r.slice(0,10))},onFocus:()=>{if(a&&!s){let e=a.year;c(`${e}/${String(a.month).padStart(2,`0`)}/${String(a.day).padStart(2,`0`)}`)}},onBlur:f,onKeyDown:e=>{e.key===`Enter`&&f()},slotProps:{input:{inputRef:u,sx:{pl:`8px`,fontSize:`18px`},endAdornment:(0,x.jsx)(t.InputAdornment,{position:`end`,children:(0,x.jsx)(t.IconButton,{onClick:()=>i(l.current),children:(0,x.jsx)(n.CalendarIcon,{})})})}}})}),(0,x.jsx)(t.Popover,{open:!!e,anchorEl:e,onClose:()=>i(null),anchorOrigin:{vertical:`bottom`,horizontal:`left`},children:(0,x.jsx)(C,{selectDate:a,onSelectDate:e=>{o(e),c(``),i(null),console.log(`Selected Date:`,g(e))}})})]})})}exports.InputCalendar=E;
+  <%s key={someKey} {...props} />`,o,p,m,p),L[p+o]=!0)}if(p=null,i!==void 0&&(r(i),p=``+i),s(n)&&(r(n.key),p=``+n.key),`key`in n)for(var h in i={},n)h!==`key`&&(i[h]=n[h]);else i=n;return p&&c(i,typeof e==`function`?e.displayName||e.name||`Unknown`:e),u(e,p,i,a(),l,d)}function f(e){p(e)?e._store&&(e._store.validated=1):typeof e==`object`&&e&&e.$$typeof===E&&(e._payload.status===`fulfilled`?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e==`object`&&!!e&&e.$$typeof===h}var m=require("react"),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),S=Symbol.for(`react.forward_ref`),C=Symbol.for(`react.suspense`),w=Symbol.for(`react.suspense_list`),T=Symbol.for(`react.memo`),E=Symbol.for(`react.lazy`),D=Symbol.for(`react.activity`),O=Symbol.for(`react.client.reference`),k=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,A=Object.prototype.hasOwnProperty,j=Array.isArray,M=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var N,P={},F=m.react_stack_bottom_frame.bind(m,o)(),I=M(i(o)),L={};e.Fragment=_,e.jsx=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!1,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)},e.jsxs=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)}})()})),x=e(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=y():t.exports=b()}))(),S=[`Baisakh`,`Jestha`,`Asar`,`Shrawan`,`Bhadra`,`Aswin`,`Kartik`,`Mangsir`,`Poush`,`Magh`,`Falgun`,`Chaitra`];function C({onSelectDate:e,selectDate:n}){let[o,s]=(0,r.useState)(()=>n?.year??2083),[c,l]=(0,r.useState)(()=>n?.month??1);(0,r.useEffect)(()=>{if(!n)return;let e=setTimeout(()=>{s(n.year),l(n.month)},0);return()=>clearTimeout(e)},[n]);let u=Object.keys(i).map(Number),d=i[String(o)]?.[S[c-1]]??30,p=f(o,c),m=()=>{c===1?(l(12),s(e=>e-1)):l(e=>e-1)},g=()=>{c===12?(l(1),s(e=>e+1)):l(e=>e+1)},_=o===2e3&&c===1,v=o===2090&&c===12,y=[...Array(p).fill(null),...Array.from({length:d},(e,t)=>t+1)];return(0,x.jsxs)(t.Card,{sx:{p:`20px`,display:`flex`,flexDirection:`column`,gap:`10px`},children:[(0,x.jsxs)(t.Box,{sx:{display:`flex`,alignItems:`center`,justifyContent:`center`,gap:`4px`,mb:`8px`},children:[(0,x.jsx)(t.IconButton,{onClick:m,disabled:_,children:`‹`}),(0,x.jsx)(t.Select,{value:o,onChange:e=>{s(Number(e.target.value))},size:`small`,MenuProps:{slotProps:{paper:{sx:{maxHeight:250}}}},sx:{minWidth:90},children:u.map(e=>(0,x.jsx)(t.MenuItem,{value:e,children:h(e)},e))}),(0,x.jsx)(t.Select,{value:c,onChange:e=>l(Number(e.target.value)),MenuProps:{slotProps:{paper:{sx:{maxHeight:250}}}},sx:{minWidth:90},size:`small`,children:a.month.long.map((e,n)=>(0,x.jsx)(t.MenuItem,{value:n+1,children:e},e))}),(0,x.jsx)(t.IconButton,{onClick:g,disabled:v,children:`›`})]}),(0,x.jsxs)(t.Box,{sx:{display:`grid`,gridTemplateColumns:`repeat(7, 1fr)`,textAlign:`center`,gap:2},children:[a.day.short.map(e=>(0,x.jsx)(t.Box,{children:(0,x.jsx)(t.Typography,{variant:`caption`,sx:{fontSize:`14px`},children:e})},e)),y.map((r,i)=>{let a=n&&n.day===r&&n.month===c&&n.year===o;return(0,x.jsx)(t.Box,{children:r&&(0,x.jsx)(t.Box,{onClick:()=>{e({year:o,month:c,day:r})},sx:{cursor:`pointer`,bgcolor:a?`primary.main`:`transparent`,color:a?`#fff`:`text.primary`,borderRadius:`50%`,height:`32px`,width:`32px`,display:`flex`,justifyContent:`center`,alignItems:`center`},children:h(r)})},i)})]})]})}var w=[`Baisakh`,`Jestha`,`Asar`,`Shrawan`,`Bhadra`,`Aswin`,`Kartik`,`Mangsir`,`Poush`,`Magh`,`Falgun`,`Chaitra`];function T(e){let t=_(e).split(`/`);if(t.length!==3||t[0].length!==4)return null;let n=parseInt(t[0],10),r=parseInt(t[1],10),a=parseInt(t[2],10);if(isNaN(n)||isNaN(r)||isNaN(a))return null;let o=i[String(n)]?.[w[r-1]];return!o||r<1||r>12||a<1||a>o?null:{year:n,month:r,day:a}}function E({value:e,onChange:i,className:a}){let[o,s]=(0,r.useState)(null),[c,l]=(0,r.useState)(``),[u,d]=(0,r.useState)(null),f=e===void 0?u:e,p=(0,r.useRef)(null),m=(0,r.useRef)(null),h=(0,r.useRef)(null),y=e=>{d(e),i?.(e)},b=()=>{let e=T(c);e?(y(e),console.log(`Selected Date:`,g(e))):c&&y(null),l(``)};return(0,r.useLayoutEffect)(()=>{m.current&&h.current!==null&&m.current.setSelectionRange(h.current,h.current)},[c]),(0,x.jsx)(`div`,{className:a,children:(0,x.jsxs)(t.Box,{sx:{m:`0px`},children:[(0,x.jsx)(t.Box,{ref:p,children:(0,x.jsx)(t.TextField,{label:f?``:`मिति छान्‍नुहोस्  `,size:`small`,sx:{" .MuiInputBase-input":{height:`20px`}},value:c?v(c):f?g(f):``,placeholder:` YYYY/MM/DD`,onChange:e=>{let t=e.target,n=t.selectionStart??0,r=_(t.value);r=r.split(``).filter(e=>e>=`0`&&e<=`9`||e===`/`).join(``);let i=r.length;(r.length===4&&!r.includes(`/`)||r.length===7&&r.split(`/`).length===2)&&(r+=`/`),r.length>i&&n===i&&(n+=1),h.current=n,l(r.slice(0,10))},onFocus:()=>{if(f&&!c){let e=f.year;l(`${e}/${String(f.month).padStart(2,`0`)}/${String(f.day).padStart(2,`0`)}`)}},onBlur:b,onKeyDown:e=>{e.key===`Enter`&&b()},slotProps:{input:{inputRef:m,sx:{pl:`8px`,fontSize:`18px`},endAdornment:(0,x.jsx)(t.InputAdornment,{position:`end`,children:(0,x.jsx)(t.IconButton,{onClick:()=>s(p.current),children:(0,x.jsx)(n.CalendarIcon,{})})})}}})}),(0,x.jsx)(t.Popover,{open:!!o,anchorEl:o,onClose:()=>s(null),anchorOrigin:{vertical:`bottom`,horizontal:`left`},children:(0,x.jsx)(C,{selectDate:f,onSelectDate:e=>{y(e),l(``),s(null),console.log(`Selected Date:`,g(e))}})})]})})}exports.InputCalendar=E;

package/dist/nepali-datepicker.es.js

@@ -1745,70 +1745,75 @@ function R(e) {
 }
 //#endregion
 //#region src/components/InputCalendar.tsx
-function z() {
-	let [t, i] = m(null), [o, c] = m(null), [u, d] = m(""), h = p(null), g = p(null), _ = p(null), v = () => {
-		let e = R(u);
-		e ? (c(e), console.log("Selected Date:", O(e))) : u && c(null), d("");
+function z({ value: t, onChange: i, className: o }) {
+	let [c, u] = m(null), [d, h] = m(""), [g, _] = m(null), v = t === void 0 ? g : t, y = p(null), b = p(null), x = p(null), S = (e) => {
+		_(e), i?.(e);
+	}, C = () => {
+		let e = R(d);
+		e ? (S(e), console.log("Selected Date:", O(e))) : d && S(null), h("");
 	};
 	return f(() => {
-		g.current && _.current !== null && g.current.setSelectionRange(_.current, _.current);
-	}, [u]), /* @__PURE__ */ (0, P.jsx)("div", { children: /* @__PURE__ */ (0, P.jsxs)(e, {
-		sx: { m: "0px" },
-		children: [/* @__PURE__ */ (0, P.jsx)(e, {
-			ref: h,
-			children: /* @__PURE__ */ (0, P.jsx)(s, {
-				label: o ? "" : "मिति छान्‍नुहोस्  ",
-				size: "small",
-				sx: { " .MuiInputBase-input": { height: "20px" } },
-				value: u ? A(u) : o ? O(o) : "",
-				placeholder: " YYYY/MM/DD",
-				onChange: (e) => {
-					let t = e.target, n = t.selectionStart ?? 0, r = k(t.value);
-					r = r.split("").filter((e) => e >= "0" && e <= "9" || e === "/").join("");
-					let i = r.length;
-					(r.length === 4 && !r.includes("/") || r.length === 7 && r.split("/").length === 2) && (r += "/"), r.length > i && n === i && (n += 1), _.current = n, d(r.slice(0, 10));
-				},
-				onFocus: () => {
-					if (o && !u) {
-						let e = o.year;
-						d(`${e}/${String(o.month).padStart(2, "0")}/${String(o.day).padStart(2, "0")}`);
-					}
-				},
-				onBlur: v,
-				onKeyDown: (e) => {
-					e.key === "Enter" && v();
-				},
-				slotProps: { input: {
-					inputRef: g,
-					sx: {
-						pl: "8px",
-						fontSize: "18px"
+		b.current && x.current !== null && b.current.setSelectionRange(x.current, x.current);
+	}, [d]), /* @__PURE__ */ (0, P.jsx)("div", {
+		className: o,
+		children: /* @__PURE__ */ (0, P.jsxs)(e, {
+			sx: { m: "0px" },
+			children: [/* @__PURE__ */ (0, P.jsx)(e, {
+				ref: y,
+				children: /* @__PURE__ */ (0, P.jsx)(s, {
+					label: v ? "" : "मिति छान्‍नुहोस्  ",
+					size: "small",
+					sx: { " .MuiInputBase-input": { height: "20px" } },
+					value: d ? A(d) : v ? O(v) : "",
+					placeholder: " YYYY/MM/DD",
+					onChange: (e) => {
+						let t = e.target, n = t.selectionStart ?? 0, r = k(t.value);
+						r = r.split("").filter((e) => e >= "0" && e <= "9" || e === "/").join("");
+						let i = r.length;
+						(r.length === 4 && !r.includes("/") || r.length === 7 && r.split("/").length === 2) && (r += "/"), r.length > i && n === i && (n += 1), x.current = n, h(r.slice(0, 10));
+					},
+					onFocus: () => {
+						if (v && !d) {
+							let e = v.year;
+							h(`${e}/${String(v.month).padStart(2, "0")}/${String(v.day).padStart(2, "0")}`);
+						}
+					},
+					onBlur: C,
+					onKeyDown: (e) => {
+						e.key === "Enter" && C();
 					},
-					endAdornment: /* @__PURE__ */ (0, P.jsx)(r, {
-						position: "end",
-						children: /* @__PURE__ */ (0, P.jsx)(n, {
-							onClick: () => i(h.current),
-							children: /* @__PURE__ */ (0, P.jsx)(l, {})
+					slotProps: { input: {
+						inputRef: b,
+						sx: {
+							pl: "8px",
+							fontSize: "18px"
+						},
+						endAdornment: /* @__PURE__ */ (0, P.jsx)(r, {
+							position: "end",
+							children: /* @__PURE__ */ (0, P.jsx)(n, {
+								onClick: () => u(y.current),
+								children: /* @__PURE__ */ (0, P.jsx)(l, {})
+							})
 						})
-					})
-				} }
-			})
-		}), /* @__PURE__ */ (0, P.jsx)(a, {
-			open: !!t,
-			anchorEl: t,
-			onClose: () => i(null),
-			anchorOrigin: {
-				vertical: "bottom",
-				horizontal: "left"
-			},
-			children: /* @__PURE__ */ (0, P.jsx)(I, {
-				selectDate: o,
-				onSelectDate: (e) => {
-					c(e), d(""), i(null), console.log("Selected Date:", O(e));
-				}
-			})
-		})]
-	}) });
+					} }
+				})
+			}), /* @__PURE__ */ (0, P.jsx)(a, {
+				open: !!c,
+				anchorEl: c,
+				onClose: () => u(null),
+				anchorOrigin: {
+					vertical: "bottom",
+					horizontal: "left"
+				},
+				children: /* @__PURE__ */ (0, P.jsx)(I, {
+					selectDate: v,
+					onSelectDate: (e) => {
+						S(e), h(""), u(null), console.log("Selected Date:", O(e));
+					}
+				})
+			})]
+		})
+	});
 }
 //#endregion
 export { z as InputCalendar };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sonygrg/nepali-datepicker",
   "private": false,
-  "version": "1.0.7",
+  "version": "1.0.9",
   "type": "module",
   "main": "./dist/nepali-datepicker.cjs.js",
   "module": "./dist/nepali-datepicker.es.js",