Simple

$('#date1').azPersianDateTimePicker({
    targetTextSelector: '#inputDate1',
    targetDateSelector: '#inputDate1-1',
    dateFormat: 'yyyy-MM-dd',
    isGregorian: false,
    enableTimePicker: true,
    disableBeforeToday: true,
    disabledDates: [new Date(),
        new Date(2018, 9, 11), 
        new Date(2018, 9, 12), 
        new Date(2018, 9, 13), 
        new Date(2018, 9, 14)]
});
                
Icon
$('#date2').azPersianDateTimePicker({
    targetTextSelector: '#inputDate2',
    selectedDate: new Date('2018/9/30'),
    isGregorian: true
});
                
Icon

Multiple Months

$('#date3').azPersianDateTimePicker({
    targetTextSelector: '#inputDate3',
    monthsToShow: [1, 1]
});
                
Icon

Inside Modal

$('#date3-1').azPersianDateTimePicker({
    targetTextSelector: '#inputDate3-1',
});
                

Range - fromDate, toDate

$('#date4').azPersianDateTimePicker({
    targetTextSelector: '#inputDate4',
    fromDate: true,
    groupId: 'rangeSelector1'
});
                
Icon
$('#date5').azPersianDateTimePicker({
    targetTextSelector: '#inputDate5',
    toDate: true,
    groupId: 'rangeSelector1',
    placement: 'top'
});
                
Icon

InLine

$('#date6').azPersianDateTimePicker({
    targetTextSelector: '#inputDate6',
    inLine: true
                    });