[OutSystems UI] Date Picker Is not working

Forge Component
(69)
Published on 25 Nov (3 weeks ago) by OutSystems R&D
69 votes
Published on 25 Nov (3 weeks ago) by OutSystems R&D
Processing Upload...

Hi team 

i am unable to use new date picker control with date and time.show date time property is not coming.i already installed the new Component from outsystems forge.


Thanks

Arkyadeep

Hello Arkyadeep,


According to the documentation link https://outsystemsui.outsystems.com/OutSystemsUIWebsite/PatternDetail?PatternId=31 you need to enable "ShowTime" option. Did you try it?


BR,

Luis


Luís Cardoso wrote:Hi

i am using Traditional Web App.i think we can use new UI framework in Reactive Web App section.when i am trying to use datepicker showtime option is not coming but in reactive web app it is coming.

my requirement is same datepicker control i need for tradional web application.

Hello Arkyadeep,


According to the documentation link https://outsystemsui.outsystems.com/OutSystemsUIWebsite/PatternDetail?PatternId=31 you need to enable "ShowTime" option. Did you try it?


BR,

Luis




Hello,


I found this in the JS documentation: https://github.com/Pikaday/Pikaday#extensions

I also try this but don't wirks...

Anyone have any idea how to solve this?



Hi Arkyadeep,

What version of Outsystems are you using ? Below are true for Outsystems v11.

Show Date Time option is available in Input_Calendar widget which is part of Rich Widgets.

Show Date Time option is not available in DatePicker interface which is part of OutsystemsUIWeb. Though you can select the date format using DateFormat property of DatePicker.

Thanks

Ravi


DatePicker :


Input Calendar showing Show Time option below.




Ravi Vakkalanka wrote:yes.i saw the same documention.but i dont want to use the rich widget control.i want to use datepicker interface and i want to show the also time .in outsystems documents it is mentioned datepicker advance format.we have to mention through jQuery.refence link is:https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Web_Patterns/Controls/DatePicker.

If i mention showtime = true in json format it will work or not.i did not try that thing.but Luis mentioned he already tried but it is not working.

Hi Arkyadeep,

What version of Outsystems are you using ? Below are true for Outsystems v11.

Show Date Time option is available in Input_Calendar widget which is part of Rich Widgets.

Show Date Time option is not available in DatePicker interface which is part of OutsystemsUIWeb. Though you can select the date format using DateFormat property of DatePicker.

Thanks

Ravi


DatePicker :


Input Calendar showing Show Time option below.






Luís Cardoso wrote:i saw this thing.let me try again.

Hello,


I found this in the JS documentation: https://github.com/Pikaday/Pikaday#extensions

I also try this but don't wirks...

Anyone have any idea how to solve this?





Luís Cardoso wrote:i saw this thing.let me try again.

Hello,


I found this in the JS documentation: https://github.com/Pikaday/Pikaday#extensions

I also try this but don't wirks...

Anyone have any idea how to solve this?





Hi,

I don't think it supports time; It's clearly mentioned near the bottom of readme in the github https://github.com/Pikaday/Pikaday. For time there is forked version https://github.com/owenmead/Pikaday/ which has time feature added.

Regards.

Hi,

Only way I was able to select a time was by adding the pikaday.js from https://github.com/owenmead/Pikaday/ into my resource folder and "Deploy to Target Directory" and add that script ("<script src='/<ModuleName>/pikaday.js'></script>") into my page using expression. After all this below was the result


Regards.

Hello!

The time picker functionality is not supported officially, as mentioned before in this thread.

It can be done by using a different JS file and adding the required CSS to properly format the new inputs.


However, I would recommend to use the TimePicker pattern for this use case, also available with OutSystems UI Web.


My regards