Date & Time Box

import { AXTimeBoxModule } from '@acorex/components/time-box';

Date & Time Box component enables users to input both date and time, displaying the selected values in various formats. It offers customization options like readonly and disabled states and supports multiple calendar types, including gregorian and solar-hijri.

Overview

In this section, you can test different options of this component and see the output in real time

Calendar

Gregorian

Format

datetime

Look

Solid

Readonly

Disabled

Date value: Tue May 20 2025 09:15:33 GMT+0000 (Coordinated Universal Time)

Usage

A simple usage of ax-datetime-box

Preview

Code

Time Only

Using the format, you can specify how the ax-datetime-box receives input. For example, in this example, we intend to receive only the time from the user

Preview

Code

Date Only

Using the format, you can specify how the ax-datetime-box receives input. For example, in this example, we intend to receive only the time from the user

Preview

Code