Gathering detailed insights and metrics for ngx-hijri-gregorian-datepicker
Gathering detailed insights and metrics for ngx-hijri-gregorian-datepicker
Datepicker to support both hijri and gregorian calenders
Installations
npm install ngx-hijri-gregorian-datepickerDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
16.14.0
NPM Version
8.3.0
Releases
Unable to fetch releases
Languages
4
TypeScript
HTML
JavaScript
CSS
TypeScript (69.61%)
HTML (19.99%)
JavaScript (9.7%)
CSS (0.71%)
Developer
EslamElmadny
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
5 Stars
41 Commits
18 Forks
3 Watchers
8 Branches
3 Contributors
Updated on Sep 18, 2024
Maintainers
1
Package Meta Information
Latest Version
1.1.0
Package Id
ngx-hijri-gregorian-datepicker@1.1.0
Unpacked Size
240.17 kB
Size
82.19 kB
File Count
32
NPM Version
8.3.0
Node Version
16.14.0
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
2
Hijri Gregorian Datepicker
- Lightweight Angular datepicker based on ng-bootstrap that supports Gregorian and Hijri calendars.
- Provides ability to swap between Gregorian and Hijri calendars
- Converting selected date back and forth when changing calendar type.
- Provides service
DateFormatterServiceto help converting date formats in both calendars types. - It is developed using
Angular >=7.0.0and its newly introducedng g libraryschematics. - This project was generated with Angular CLI version 7.3.9.
Examples/Demo
Online demo can be found here
Development server
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Features
- Easy to switch between Gregorian and Hijri calendars.
- Ability to specify the default calendar type either Gregorian or Hijri.
- Converting dates when changing type of calendar.
- Ability to specify min and max value for Gregorian and Hijri.
- Ability to make it required , readonly or disabled.
Installation
npm i ngx-hijri-gregorian-datepicker
API
import { NgxHijriGregorianDatepickerModule } from 'ngx-hijri-gregorian-datepicker';
@Inputs()
| Input | Type | Required | Description |
|---|---|---|---|
| selectedDateType | DateType | No | Default calendar type , will be hijri if not sepcified. |
| selectedDate | NgbDateStruct | No | Date to bind (two way binding). |
| label | string | Yes | Label will be shown besides the input. |
| readonly | bool | No | Specify if user can write in input manually without selecting from datepicker. |
| isRequired | bool | No | Specify required or not field. |
| disabled | bool | No | Specify disabled or not. |
| minHijri | NgbDateStruct | No | Minimum allowed hijri date to select. |
| maxHijri | NgbDateStruct | No | Maximum allowed hijri date to select. |
| minGreg | NgbDateStruct | No | Minimum allowed Gregorian date to select. |
| maxGreg | NgbDateStruct | No | Maximum allowed Gregorian date to select. |
| hijriLabel | string | No | Label for Hijri button , will be 'Hijri' By Default. |
| GregLabel | string | No | Label for Gregorian button , will be 'Gregorian' By Default. |
@Outputs()
| Output | Type | Required | Description |
|---|---|---|---|
| selectedDateChange | EventEmitter of NgbDateStruct | -- | Emitted after selecting date from picker. |
Dependencies
Make sure that @ng-bootstrap/ng-bootstrap and bootstrap with appropriate versions to angular 7.
Usage
- Install the package
npm i ngx-hijri-gregorian-datepicker. - Import the
NgxHijriGregorianDatepickerModulein your app moduleimport { NgxHijriGregorianDatepickerModule } from 'ngx-hijri-gregorian-datepicker'; - In template
<hijri-gregorian-datepicker
[label]="'Birth Date'"
[(selectedDate)]="selectedDate"
[isRequired]="true"
[GregLabel]="'Gregorian'"
[hijriLabel] ="'Hijri'"
[selectedDateType]="selectedDateType"
#datePicker>
</hijri-gregorian-datepicker>`
- In typescript file
import { NgbDate } from '@ng-bootstrap/ng-bootstrap';
import { DateType } from 'ngx-hijri-gregorian-datepicker';
@Component({...})
export class AppComponent {
date: NgbDate;
selectedDateType = DateType.Hijri; // or DateType.Gregorian
constructor() {}
}
Utilities
DateFormatterService
| Method | Parameter | Return | Description |
|---|---|---|---|
| ToGregorianDateStruct() | gregorianDate: string, format:string | NgbDate | Convert string gregorian date to date struct. |
| ToHijriDateStruct() | hijriDate:string, format:string | NgbDate | Convert string hijri date to date struct. |
| ToHijri(date) | NgbDateStruct | NgbDateStruct | Convert Gregorian date struct to Hijri struct. |
| ToGregorian(date) | NgbDateStruct | NgbDateStruct | Convert Hijri date struct to Gregorian struct. |
| ToString(date) | NgbDateStruct | string | Convert date struct to string dd/mm/yyyy |
| GetTodayHijri() | -- | NgbDateStruct | Get Today's date as hijri. |
| GetTodayGregorian() | -- | NgbDateStruct | Get Today's date as gregorian. |
Credits
This project is based on ng-bootstrap , moment , moment Hijri .
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
Found 2/15 approved changesets -- score normalized to 1
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
license file not detected
Details
- Warn: project does not have a license file
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 19 are checked with a SAST tool
Reason
64 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-c75v-2vq8-878f
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-vc8w-jr9v-vj7f
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w
- Warn: Project is vulnerable to: GHSA-q9mw-68c2-j6m5
- Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
- Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
- Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
- Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
- Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-36fh-84j7-cv5h
- Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
- Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
- Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-8hfj-j24r-96c4
- Warn: Project is vulnerable to: GHSA-wc69-rhjr-hc9g
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
- Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
- Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
- Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
- Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
- Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
- Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-76p7-773f-r4q5
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj
- Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq
- Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
- Warn: Project is vulnerable to: GHSA-hc6q-2mpp-qw7j
- Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986
- Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
- Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
- Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc
Score
1.4
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More