The duration picker component features a text field that allows to input time durations in Days(d) Hours(h) Minutes(m) and Seconds(s). The value can be entered either as a text, for example, 2d7h10m49s The field also includes an icon that opens a popup with number fields to enter the value for corresponding time units. The field also have mouse-wheel scroll and touch support to easily increment/decrement values. The component is a custom field, and thus can be used with a binder to add further validations as required.