@@ -2,6 +2,7 @@ import { JBDateInputValueObject } from 'jb-date-input/dist/Types';
2
2
import React from 'react' ;
3
3
import { FormalTheme , SamplesSectionWrapper , SamplesTitle } from './styled' ;
4
4
import dynamic from 'next/dynamic' ;
5
+ import { InputTypes } from 'jb-date-input' ;
5
6
const JBDateInput = dynamic ( ( ) => import ( 'jb-date-input-react' ) . then ( module => module . default ) , {
6
7
ssr : false ,
7
8
} ) ;
@@ -28,13 +29,12 @@ function Samples() {
28
29
Samples
29
30
</ SamplesTitle >
30
31
< JBDateInput label = "simple date:" > </ JBDateInput >
31
- < JBDateInput label = "with under box message:" message = "here you can hint user" > </ JBDateInput >
32
32
< JBDateInput label = "with persian number" usePersianNumber = { true } > </ JBDateInput >
33
33
< JBDateInput label = "with default value:" value = "2020-08-10T08:51:23.176Z" > </ JBDateInput >
34
34
< JBDateInput label = "with min and max value:" value = "2020-08-10T08:51:23.176Z" min = "2020-08-05T08:51:23.176Z" max = "2020-08-15T08:51:23.176Z" > </ JBDateInput >
35
35
< JBDateInput label = "with validation" validationList = { validationList } > </ JBDateInput >
36
36
< JBDateInput label = "gregorian date:" inputType = "GREGORIAN" > </ JBDateInput >
37
- < JBDateInput label = "with default opened calendar date" inputType = "JALALI" calendarDefaultDateView = { { year : 1350 , month : 3 } } > </ JBDateInput >
37
+ < JBDateInput label = "with default opened calendar date" inputType = "JALALI" calendarDefaultDateView = { { year : 1350 , month : 3 , dateType : InputTypes . jalali } } > </ JBDateInput >
38
38
< JBDateInput label = "with custom icon" >
39
39
< div slot = "calendar-trigger-icon" >
40
40
< svg xmlns = "http://www.w3.org/2000/svg" version = "1.1" x = "0px" y = "0px" viewBox = "0 0 610.398 610.398" >
0 commit comments