Calendar Component
The Calendar Component can be used to display a month-wise calendar that allows the user to select dates and move to the next or previous month.
Components |
Description |
---|---|
Model Driven Forms Component | PrimeNg Calendar is an input component to select a date. |
Popup and Inline Component | The Calendar Component is used to input the user’s date and time. By default, the calendar is shown in popup mode but the inline property can be used to display it in inline mode. |
Selection Mode Component | The Calendar Component is used to input the user’s date and time. Users can select only one date by default but multiple dates can be selected by setting the selectionMode property to multiple. |
DateFormat Component | The Calendar Component is used to input the user’s date and time. The default date format of the calendar component is “mm/dd/yy”. The dateFormat property is used to customize the date format. The below options can be used as a part of the date format. |
Time Component | The Calendar Component is used to input the user’s date and time. The time picker in a calendar is used to enable the user to pick the time. It can be shown with or without the calendar. The hourFormat property is used to specify the time format to use. |
Date Restriction Component | The Calendar Component is used for date and time input from the user. To restrict selectable dates to a range set the readonlyInput property to true so that users cannot enter dates using the keyboard. |
Disable specific dates and/or days Component | The Calendar Component is used for date and time input from the user. To disable specific dates and/or dates first set the readonlyInput to true so that the user cannot enter the dates using the keyboard. |
Button Bar Component | The Calendar component is used to display a month-wise calendar that allows the user to select dates and move to the next or previous month. The Button Bar Component can be used to display the buttons for the current date & clear the selected option on the footer section of the calendar by enabling the showButtonBar property. |
Multiple Months Component | Angular PrimeNG Form Calendar Multiple Months Component is used to show multiple months calendar at the same time. The number of calendars depends on the number specified in the [numberOfMonths] property. |
Custom Content Component | The Calendar Component is used to input the user’s date and time. Custom content can be added to the calendar by using the header and footer templates provided by the calendar component. |
Month Picker Component | Angular PrimeNG Form Calendar Month Picker Component is used to pick the month of the corresponding year. |
Year Picker Component | Angular PrimeNG Form Calendar Year Picker Component is used to pick the year within a certain range. |
Touch UI Component | The Calendar Component is used to input the user’s date and time. The Calendar Touch UI mode is optimized for touch devices and can be enabled by setting the touchUI property to true. |
Animation Configuration Component | The Calendar component is used to display a calendar that allows the user to select dates and move to the next or previous month. |
Properties Component | The Calendar Component is used to display a month-wise calendar that allows the user to select dates and move to the next or previous month. |
Events Component | The Calendar Component is used to display a month-wise calendar that allows the user to select dates and move to the next or previous month. |
s Component | It is used to display a month-wise calendar that allows the user to select dates and move to the next or previous month. |
Templates Component | The Calendar Component is used to display a month-wise calendar that allows the user to select dates and move to the next or previous month. |
Styling Component | The Form Calendar component is used to take input of date and/or time from the user. There are 11 structural styling classes for the calendar component which are listed below. |
Angular PrimeNG Form Complete Reference
Angular PrimeNG Form facilitates the various input components for taking the input field & validating, which helps to design a responsive form for a single-page-application, that enhances the user experience, along with increasing the user interactivity in the Web application.
There are various components that are provided by the Angular PrimeNG Form, which are listed below with their brief description.
Contact Us