Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Timefield in touch ui

Avatar

Avatar
Give Back 5
Level 2
manisha594391
Level 2

Likes

4 likes

Total Posts

43 posts

Correct Reply

1 solution
Top badges earned
Give Back 5
Give Back 3
Give Back
Ignite 5
Ignite 3
View profile

Avatar
Give Back 5
Level 2
manisha594391
Level 2

Likes

4 likes

Total Posts

43 posts

Correct Reply

1 solution
Top badges earned
Give Back 5
Give Back 3
Give Back
Ignite 5
Ignite 3
View profile
manisha594391
Level 2

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

Avatar

Avatar
Validate 1
Level 7
Hemant_arora
Level 7

Likes

92 likes

Total Posts

290 posts

Correct Reply

54 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 50
View profile

Avatar
Validate 1
Level 7
Hemant_arora
Level 7

Likes

92 likes

Total Posts

290 posts

Correct Reply

54 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 50
View profile
Hemant_arora
Level 7

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

Avatar

Avatar
Give Back 5
Level 2
manisha594391
Level 2

Likes

4 likes

Total Posts

43 posts

Correct Reply

1 solution
Top badges earned
Give Back 5
Give Back 3
Give Back
Ignite 5
Ignite 3
View profile

Avatar
Give Back 5
Level 2
manisha594391
Level 2

Likes

4 likes

Total Posts

43 posts

Correct Reply

1 solution
Top badges earned
Give Back 5
Give Back 3
Give Back
Ignite 5
Ignite 3
View profile
manisha594391
Level 2

18-04-2018

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

But for my requirement I need only timefield.

Avatar

Avatar
Validate 1
Level 7
Hemant_arora
Level 7

Likes

92 likes

Total Posts

290 posts

Correct Reply

54 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 50
View profile

Avatar
Validate 1
Level 7
Hemant_arora
Level 7

Likes

92 likes

Total Posts

290 posts

Correct Reply

54 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 50
View profile
Hemant_arora
Level 7

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

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

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

Avatar

Avatar
Give Back 5
Level 3
Tyler_Maynard
Level 3

Likes

11 likes

Total Posts

57 posts

Correct Reply

8 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back
Ignite 5
Ignite 3
View profile

Avatar
Give Back 5
Level 3
Tyler_Maynard
Level 3

Likes

11 likes

Total Posts

57 posts

Correct Reply

8 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back
Ignite 5
Ignite 3
View profile
Tyler_Maynard
Level 3

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.

Avatar

Avatar
Give Back 5
Employee
Andrew_Khoury
Employee

Likes

75 likes

Total Posts

93 posts

Correct Reply

33 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back 10
Give Back
Boost 50
View profile

Avatar
Give Back 5
Employee
Andrew_Khoury
Employee

Likes

75 likes

Total Posts

93 posts

Correct Reply

33 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back 10
Give Back
Boost 50
View profile
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

Avatar

Avatar
Give Back 3
Level 1
premchandp63244
Level 1

Likes

0 likes

Total Posts

5 posts

Correct Reply

0 solutions
Top badges earned
Give Back 3
Give Back
View profile

Avatar
Give Back 3
Level 1
premchandp63244
Level 1

Likes

0 likes

Total Posts

5 posts

Correct Reply

0 solutions
Top badges earned
Give Back 3
Give Back
View profile
premchandp63244
Level 1

07-05-2020

Hi @manisha594391 

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

 

Thanks in advance.