Date Picker need classic picker on my custom powerapps form

[Anonymous]

In Powerapps form for a SharePoint list, the datepicker is displaying very weird. When clicking on the datepicker to choose a date, the dates display at the top left hand corner of the app and not where the picker is located at. Is there a way to change where the dates are displayed? When we select the datepicker the date ranges go to the top top hand corner as in the screenshot. We need old format datepicker on Powerapps form. Please refer screenshots. Could anyone suggest please. 

[v-siky-msft · Accepted solution]

Hi @Anonymous ,

I would suggest you recreate the form and the date picker field to see if the issue is fixed since there is no way to adjust the calendar location.

If it still doesn't work, please try this alternative workaround: https://powerusers.microsoft.com/t5/Building-Power-Apps/Action-on-datepicker-when-the-calendar-shows/td-p/539285 

To create a custom date picker/Calendar control by a TextInput box, Calendar icon, and a calendar component.

1. add a TextInputbox and a Calendar icon inside the Card, add a Calendar component and OK/Cancel button outside the Form.
2. set Text box.Default: Calendar_1.StartDate
3. set icon. OnSelect: Set(MyVar,true);Set(selectedDate,Calendar_1.StartDate)

4. set Calendar_1.SelectRange to false
5. set OK Button.OnSelect: Set(MyVar,false)
6. set Cancel Button.OnSelect: Reset(Calendar_1);Set(MyVar,false)

7. group Calendar, OK button and Cancel button, set Visible propert to MyVar

8. set DataCard.Update to DateTimeValue(TextInput1.Text)

Demo:

Hope this helps.

Sik

[Anonymous]

Thank you Sik for your response and guidance. Sorry for late reply. Actually I stacked on creating Calendar component. Unable to create to create calendar component on powerapps. could you please guide us on how to create new calendar component connection. I am new to Powerapps. so you are guidance will help us more on learning powerapp's.

[v-siky-msft]

Hi @Anonymous ,

Of course. Which step do you have problems with?

Sik

[Anonymous]

You said, we need to create calendar icon and add a calendar component. How to create\add a calendar component. Please guide me.

[v-siky-msft]

Hi @Anonymous ,

I had attached the calendar component above. Also, you can find more reusable components from here.

You can download the import and use it directly. and there's no need to redo it.

I can't go into the details of how to make it, because it's a little bit complicated. But if you have questions about some codes or others when you're using it, I can answer them for you.

Sik