primeng-buddhist-year-datepicker
Version:
A PrimeNG v21 compatible Angular datepicker with Buddhist year (BE) calendar support for Thai localization and Buddhist users.
62 lines (44 loc) โข 1.9 kB
Markdown
# ๐
Primeng Buddhist Datepicker
This library extends the [PrimeNG Datepicker](https://primeng.org/datepicker) to support **Buddhist Year (BE)** display.
> โ
Built with [Angular CLI](https://github.com/angular/angular-cli)
> ๐ฆ Supports **PrimeNG** and **Angular** version mapping as shown below
---
## ๐ Version Compatibility
| Angular Version | Library Version | Install Command |
| ---------------------- | ------------------------------------- | ------------------------------------------------ |
| `^21.0.0` | `primeng-buddhist-year-datepicker@21` | `npm i primeng-buddhist-year-datepicker` |
| `^20.0.0` | `primeng-buddhist-year-datepicker@20` | `npm i primeng-buddhist-year-datepicker@^20.0.0` |
| `^19.0.0` | `primeng-buddhist-year-datepicker@19` | `npm i primeng-buddhist-year-datepicker@^19.0.0` |
| `^17.0.0` to `<19.0.0` | `primeng-buddhist-year-datepicker@17` | `npm i primeng-buddhist-year-datepicker@^17.0.0` |
> โ ๏ธ Make sure to match the correct version of the library with your Angular version.
---
## ๐งช Run Demo App
To see the component in action:
```bash
npm install
ng build primeng-buddhist-datepicker
ng serve
```
## ๐งช Import Modules Into Component
```
import { DatePickerModule } from 'primeng-buddhist-year-datepicker';
```
## How to use
selector datepicker the same as primeng add only [isBudhistYear] = true or false
```
@Component({
selector: 'your-component',
standalone: true,
imports: [DatePickerModule],
template: `
<p-date-picker
[isBudhistYear]="true"
[inputBudhistYear]="false"
[outputBudhistYear]="true"
dateFormat="dd/mm/yy"
placeholder="Select a date"
></p-date-picker>
`
})
export class YourComponent {}
```