ngx-hijri-gregorian-datepicker
Version:
* Lightweight **Angular** datepicker based on [ng-bootstrap](https://ng-bootstrap.github.io/#/components/datepicker/overview) that supports **Gregorian** and **Hijri** calendars. * Provides ability to swap between **Gregorian** and **Hijri** calendars
1 lines • 15.9 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"DateType":{"__symbolic":"class","members":{},"statics":{"Hijri":1,"Gregorian":2}},"DateFormatterService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDateParserFormatter","line":13,"character":39}]}],"ToString":[{"__symbolic":"method"}],"ToHijriDateStruct":[{"__symbolic":"method"}],"ToGregorianDateStruct":[{"__symbolic":"method"}],"ToHijri":[{"__symbolic":"method"}],"ToGregorian":[{"__symbolic":"method"}],"GetTodayHijri":[{"__symbolic":"method"}],"GetTodayGregorian":[{"__symbolic":"method"}]}},"NgxHijriGregorianDatepickerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"NgxHijriGregorianDatepickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-ngx-hijri-gregorian-datepicker","template":"\n <p>\n ngx-hijri-gregorian-datepicker works!\n </p>\n ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"HijriGregorianDatepickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"hijri-gregorian-datepicker","template":"\r\n <div class=\"form-group\" provideParentForm>\r\n <label class=\"requiredInput\" *ngIf=\"showLabel\" for=\"input-birth-Date\">{{ label }} </label>\r\n\r\n <div class=\"input-group\">\r\n\r\n <input class=\"form-control\"\r\n [placeholder]=\"placeHolder ? placeHolder : 'd/M/yyyy'\"\r\n [name]=\"label\"\r\n *ngIf=\"selectedDateType == DateType.Gregorian\"\r\n [(ngModel)]=\"selectedDate\"\r\n ngbDatepicker (click)=\"d.toggle()\"\r\n (dateSelect)=\"dateSelected()\"\r\n autocomplete=\"off\"\r\n [readonly]=\"readonly\"\r\n [minDate]=\"minGreg\"\r\n [maxDate]=\"maxGreg\"\r\n [required]=\"isRequired\"\r\n [disabled]=\"disabled\"\r\n [footerTemplate]=\"footerTemplate\"\r\n #d=\"ngbDatepicker\">\r\n\r\n <ng-template #footerTemplate>\r\n <hr class=\"my-0\">\r\n <button class=\"btn btn-secondary btn-sm m-2 float-right\" type=\"button\" (click)=\"close()\">Close</button>\r\n <button class=\"btn btn-primary btn-sm m-2 float-left\" type=\"button\" (click)=\"clear()\">Clear</button>\r\n </ng-template>\r\n\r\n <hijri-date-picker *ngIf=\"selectedDateType == DateType.Hijri\"\r\n [(selectedDate)]=\"selectedDate\"\r\n (selectedDateChange)=\"dateSelected()\"\r\n [readonly]=\"readonly\"\r\n [min]=\"minHijri\" [max]=\"maxHijri\"\r\n style=\"position: relative;flex: 1 1 auto;width: 1%; min-width: 0;margin-bottom: 0;\"\r\n [name]=\"label\"\r\n [isRequired]=\"isRequired\"\r\n [placeHolder]=\"placeHolder\"\r\n [disabled]=\"disabled\">\r\n </hijri-date-picker>\r\n\r\n <div class=\"input-group-append\">\r\n <button class=\"btn btn-sm {{selectedDateType == DateType.Hijri ? 'btn-info focus active' : 'btn-outline-info'}}\" (click)=\"hijriClick()\" [disabled]=\"disabled\" type=\"button\">\r\n {{hijriLabel ? hijriLabel : 'Hijri' }}\r\n </button>\r\n <button class=\"btn btn-sm {{selectedDateType == DateType.Gregorian ? 'btn-info focus active' : 'btn-outline-info'}}\" (click)=\"gregClick()\" [disabled]=\"disabled\" type=\"button\">\r\n {{GregLabel ? GregLabel : 'Gregorian' }}\r\n </button>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n"}]}],"members":{"datePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["d"]}]}],"selectedDateType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"selectedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"selectedDateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"showLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"isRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"minHijri":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"maxHijri":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"minGreg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"maxGreg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"hijriLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"GregLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"placeHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DateFormatterService"}]}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"getSelectedDate":[{"__symbolic":"method"}],"dateSelected":[{"__symbolic":"method"}],"hijriClick":[{"__symbolic":"method"}],"gregClick":[{"__symbolic":"method"}]}},"NgxHijriGregorianDatepickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxHijriGregorianDatepickerComponent"},{"__symbolic":"reference","name":"HijriGregorianDatepickerComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":21,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule","line":22,"character":4}],"providers":[{"provide":{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDateParserFormatter","line":25,"character":14},"useClass":{"__symbolic":"reference","name":"ɵe"}},{"__symbolic":"reference","name":"DateFormatterService"}],"exports":[{"__symbolic":"reference","name":"HijriGregorianDatepickerComponent"},{"__symbolic":"reference","name":"NgxHijriGregorianDatepickerComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"hijri-date-picker","providers":[{"provide":{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbCalendar","line":9,"character":15},"useClass":{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbCalendarIslamicUmalqura","line":9,"character":38}},{"provide":{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDatepickerI18n","line":10,"character":15},"useClass":{"__symbolic":"reference","name":"ɵb"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"},"template":"<div provideParentForm>\r\n<input\r\n class=\"form-control hijriInput\"\r\n [(ngModel)]=\"selectedDate\"\r\n [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\"\r\n ngbDatepicker\r\n (click)=\"d.toggle()\"\r\n (dateSelect)=\"changeDate()\"\r\n #d=\"ngbDatepicker\"\r\n [readonly]=\"readonly\"\r\n [minDate]=\"min\"\r\n [maxDate]=\"max\"\r\n [required]=\"isRequired\"\r\n [name]=\"name\"\r\n (blur)=\"onBlur()\"\r\n [footerTemplate]=\"footerTemplate\"\r\n [disabled]=\"disabled\" />\r\n</div>\r\n\r\n\r\n<ng-template #footerTemplate>\r\n <hr class=\"my-0\">\r\n <button class=\"btn btn-secondary btn-sm m-2 float-right\" type=\"button\" (click)=\"d.close()\">Close</button>\r\n <button class=\"btn btn-primary btn-sm m-2 float-left\" type=\"button\" (click)=\"clear()\">Clear</button>\r\n</ng-template>\r\n","styles":[".hijriInput{border-top-left-radius:0;border-bottom-left-radius:0}.ngb-dp-weekday{width:2.1rem!important}\n"]}]}],"members":{"datePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["d"]}]}],"selectedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedDateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"isRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"placeHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"changeDate":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDatepickerI18n","line":8,"character":33},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"getWeekdayShortName":[{"__symbolic":"method"}],"getMonthShortName":[{"__symbolic":"method"}],"getMonthFullName":[{"__symbolic":"method"}],"getDayAriaLabel":[{"__symbolic":"method"}],"getWeekdayLabel":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"function","parameters":["form"],"value":{"__symbolic":"reference","name":"form"}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[provideParentForm]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":11,"character":15},"useFactory":{"__symbolic":"reference","name":"ɵc"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":13,"character":18}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":13,"character":34}},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":13,"character":46}]]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDateParserFormatter","line":5,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"format":[{"__symbolic":"method"}],"parse":[{"__symbolic":"method"}]}}},"origins":{"DateType":"./lib/hijri-gregorian-datepicker/consts","DateFormatterService":"./lib/hijri-gregorian-datepicker/date-formatter.service","NgxHijriGregorianDatepickerService":"./lib/ngx-hijri-gregorian-datepicker.service","NgxHijriGregorianDatepickerComponent":"./lib/ngx-hijri-gregorian-datepicker.component","HijriGregorianDatepickerComponent":"./lib/hijri-gregorian-datepicker/hijri-gregorian-datepicker.component","NgxHijriGregorianDatepickerModule":"./lib/ngx-hijri-gregorian-datepicker.module","ɵa":"./lib/hijri-gregorian-datepicker/hijri-datepicker/hijri-datepicker.component","ɵb":"./lib/hijri-gregorian-datepicker/IslamicI18n","ɵc":"./lib/hijri-gregorian-datepicker/provide-parent-form.directive","ɵd":"./lib/hijri-gregorian-datepicker/provide-parent-form.directive","ɵe":"./lib/hijri-gregorian-datepicker/CustomNgbDateParserFormatter"},"importAs":"ngx-hijri-gregorian-datepicker"}