The DateRange is part of the Editors components which the Unite UX supports.



  • The DateRange component is a container for holding start and end date inputs, and a date range popup.

Properties of Interest

  • Date Format—Can be used to customize the way the data is shown in the start and end components. For more information on date formatting options, refer to the article on Angular formatting.
  • HTML Wrapper—Template of the HTML that would wrap the component.
  • Model—The data model that is associated with this component. For more information, refer to the article on using data source instances.
  • Change Event Function—Fired when the value of an input component is changed by the user.

    Include any custom code for this event function in the [view-name].view.component.ts file for Angular which are located in the \app\src\modules\[module-name]\[view-name] folder or [view-name].tsx file for React which is located in the \app\src\components\[module-name]\[view-name] folder. For more information, refer to the article on custom code.

In this article
Not finding the help you need?

Unite UX direction is evolving!

Dear friends, after gaining plenty of great experience and feedback through working with you, our direction evolves to better serve your needs. Our mission to bridge the design to development gap remains unchanged. The way to solve it, though is new. Visit our webpage to meet the new Unite UX: The collaborative design to development UI components builder.

Explore the New Unite UX