add customizable month sample

Author: javadbat

docs/package-lock.json

@@ -15,8 +15,8 @@
     "eslint": "8.35.0",
     "eslint-config-next": "13.2.3",
     "jb-calendar": "^4.0.3",
-    "jb-date-input": "^3.7.12",
-    "jb-date-input-react": "^2.0.20",
+    "jb-date-input": "^3.13.0",
+    "jb-date-input-react": "^2.6.0",
     "next": "13.2.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",

docs/package.json

@@ -69,6 +69,7 @@ function Samples() {
             <div>b</div>
           </jb-date-input-inbox-element>
         </JBDateInput>
+        <JBDateInput label='with custom month name' jalaliMonthList={["حَمَل","ثَور","جَوزا","سَرَطان","اَسَد","سُنبُله","میزان","عَقرَب","قَوس","جَدْی","دَلو","حوت"]}></JBDateInput>
         <FormalTheme label="more formal look">{ }</FormalTheme>
       </SamplesWrapper>
 

docs/src/components/samples/Samples.tsx

@@ -16,6 +16,9 @@ export const SamplesTitle = styled.h2`
 export const SamplesWrapper = styled.div`
   max-width: 400px;
   width: calc(100% - 32px);
+  display: flex;
+  flex-direction: column;
+  gap:1rem;
   jb-date-input{
     width: 100%;
   }