add customizable month sample

javadbat · Feb 20, 2024 · bdc2c8c · bdc2c8c
1 parent 09a17fe
commit bdc2c8c
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 15 deletions.
diff --git a/docs/package-lock.json b/docs/package-lock.json
diff --git a/docs/package.json b/docs/package.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",

diff --git a/docs/src/components/samples/Samples.tsx b/docs/src/components/samples/Samples.tsx
@@ -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>
 

diff --git a/docs/src/components/samples/styled.ts b/docs/src/components/samples/styled.ts
@@ -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%;
   }