Highlighted

Timefield in touch ui

Avatar

Avatar

manisha594391

Avatar

manisha594391

manisha594391

18-04-2018

I want to create a timefield in touch ui dialog.

I can do it in classic ui using xtype="timefield".

Please suggest how can this output be returned in touch ui dialog

Replies

Highlighted

Avatar

Avatar

Hemant_arora

Avatar

Hemant_arora

Hemant_arora

18-04-2018

Do you just need timefield and not the complete datetime xtype ?

Otherwise,

Use the dialog converter tool to convert your dialog field.

download and install DCT from the link below.

Dialog Conversion Tool

This should be the resourceType in touch UI

granite/ui/components/coral/foundation/form/datepicker

1468313_pastedImage_1.png

Highlighted

Avatar

Avatar

manisha594391

Avatar

manisha594391

manisha594391

18-04-2018

I already tried datepicker, but it gives the date field.

But for my requirement I need only timefield.

Highlighted

Avatar

Avatar

Hemant_arora

Avatar

Hemant_arora

Hemant_arora

18-04-2018

You will have to write a custom timepicker for that. There is no out of the box timepicker available in touch ui

Highlighted

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K
smacdonald2008

18-04-2018

With Touch UI - you can write a custom resource type to meet you needs (if the ootb ones do not meet your needs) -- see this where we use a Color picker as an example -- Adobe Experience Manager Help | Creating a custom Experience Manager sling:resourceType for Touch UI

Highlighted

Avatar

Avatar

Tyler_Maynard

Avatar

Tyler_Maynard

Tyler_Maynard

17-05-2018

You can use the type property of the DatePicker Touch UI component to "time" to only use hours and minutes.

DatePicker — Granite UI 1.0 documentation

But, depending on what your goal you might run into issues - as this stores the property as a date and not a string, as the timefield does. This could cause issues if your trying to use both dialogs while moving authors over to touch ui. Then you would need to follow Scott's advice and create a custom Touch UI Granite Component.

Highlighted

Avatar

Avatar

Andrew_Khoury

Employee

Avatar

Andrew_Khoury

Employee

Andrew_Khoury
Employee

17-05-2018

Additional note, some discussion around use of the Touch UI date/time picker can be found here: AEM 6.1 Touch UI: Datepicker Field not prepopulated with stored value

Highlighted

Avatar

Avatar

premchandp63244

Avatar

premchandp63244

premchandp63244

07-05-2020

Hi @manisha594391 

Have you found any solution for this as we have same requirement.

 

Thanks in advance.