Using without FormsModule

Bootstrap 5
Quartz
Unix
Bootstrap 4
Quartz
Unix

Using with FormsModule

Bootstrap 5
Quartz
Unix
Bootstrap 4
Quartz
Unix

Unix cron

There is UnixCronComponent to work with unix cron format unix-cron.

Bootstrap 5
Unix
Bootstrap 4
Unix

Active tab

Use activeTab input to manually activate tab you want.
tabChanged event allows you to listen tabs activation.
Unix cron supports next tabs: Tab.MINUTES, Tab.HOURS, Tab.MONTH, Tab.DAY.

Bootstrap 5
Quartz
Unix
Bootstrap 4
Quartz
Unix
Tabs:

Disabled state

Use disabled input to control component's state.

Bootstrap 5
Quartz
Unix
Bootstrap 4
Quartz
Unix
Disabled: true

Tabs managing

Use tabs input to pass tabs you want to show.
The order of the tabs depends on the order of the tab list you specify.

Available quartz values:
Tab.SECONDS, Tab.MINUTES, Tab.HOURS, Tab.DAY, Tab.MONTH, Tab.YEAR

Available unix values:
Tab.MINUTES, Tab.HOURS, Tab.DAY, Tab.MONTH

Bootstrap 5
Quartz
Unix
Bootstrap 4
Quartz
Unix
Visible tabs:

Tabs visibility

Use hideTabs input to hide tab buttons.

Bootstrap 5
Quartz
Unix
Bootstrap 4
Quartz
Unix

How to translate the cron component?

Pass localization object to localization input to have translated texts.
See this example of the translation of the "Seconds" tab into Ukrainian.

Bootstrap 5
Quartz
Bootstrap 4
Quartz

Highlight elements

Let's highlight specific section and options "1" and "20"

Bootstrap 5
Quartz
Unix
Bootstrap 4
Quartz
Unix

Vertical tabs

Let's make a vertical tabs

Bootstrap 5
Quartz
Unix
Bootstrap 4
Quartz
Unix