# Date range components use on Microsoft Surface Pro 10

**URL:** <https://forum.inductiveautomation.com/t/date-range-components-use-on-microsoft-surface-pro-10/98324>\
**Category:** Ignition\
**Tags:** ignition81, vision\
**Created:** [November 7, 2024, 8:09am UTC](https://forum.inductiveautomation.com/t/date-range-components-use-on-microsoft-surface-pro-10/98324 "2024-11-07T08:09:19Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![jchen](https://avatars.discourse-cdn.com/v4/letter/j/3ec8ea/32.png) [@jchen](https://forum.inductiveautomation.com/u/jchen)\
**Post date:** [November 7, 2024, 8:09am UTC](https://forum.inductiveautomation.com/t/date-range-components-use-on-microsoft-surface-pro-10/98324/1 "2024-11-07T08:09:19Z")

</div>

Hi there,

I have a ignition system based on vision module, I tried to run the client on Microsoft Surface Pro 10, 99% of the functions work well as it's windows operation system.

However in the trend screen, it will be hard to select the date range. Different than normal laptop, the Surface is operated by touch instead of mouse, so there's no left/right stretching arrows appear.

 ![企业微信截图_17309664795636](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/f/6f4182190037f02ddfab2b89b7fd0b788a593076.jpeg)  
I understand vision module is not designed to be used on tablets,so it can't be said that this is a bug, but if anyone could tell me how to overcome this I would be very grateful.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [November 7, 2024, 1:48pm UTC](https://forum.inductiveautomation.com/t/date-range-components-use-on-microsoft-surface-pro-10/98324/2 "2024-11-07T13:48:04Z")

</div>

You pretty much cannot use that date range component on touchscreens. I recommend switching the chart to Manual mode instead of Historical, and constructing larger, touch-friendly, input fields for date and time range manipulation.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [November 7, 2024, 4:24pm UTC](https://forum.inductiveautomation.com/t/date-range-components-use-on-microsoft-surface-pro-10/98324/3 "2024-11-07T16:24:15Z")

</div>

🔍 The little magnifying glass icons on either side of the text field are buttons that will adjust the width of the blue bar. 🔎

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [November 7, 2024, 4:37pm UTC](https://forum.inductiveautomation.com/t/date-range-components-use-on-microsoft-surface-pro-10/98324/4 "2024-11-07T16:37:19Z")

</div>

> [@justinedwards.jle](#):
>
> adjust the width of the blue bar

That's not the problem. It is touching and dragging the tiny double-headed arrow that is near impossible on a touchscreen.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [November 7, 2024, 5:01pm UTC](https://forum.inductiveautomation.com/t/date-range-components-use-on-microsoft-surface-pro-10/98324/5 "2024-11-07T17:01:39Z")

</div>

> [@pturmel](#):
>
> dragging the tiny double-headed arrow

...but all dragging the arrow does is adjust the zoom 🤷‍♂️

There are also built in arrow buttons for moving the selected date range around.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [November 7, 2024, 5:05pm UTC](https://forum.inductiveautomation.com/t/date-range-components-use-on-microsoft-surface-pro-10/98324/6 "2024-11-07T17:05:07Z")

</div>

No, it doesn't. That highlighted double arrow is for altering the endpoint of the (query) date range without changing the start point. Similar for the double arrow on the other end. Dragging the blue section changes both ends, maintaining a constant duration.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [November 7, 2024, 5:07pm UTC](https://forum.inductiveautomation.com/t/date-range-components-use-on-microsoft-surface-pro-10/98324/7 "2024-11-07T17:07:21Z")

</div>

> [@justinedwards.jle](#):
>
> moving the selected date range around

No, those move the **outer** range, not the query range.

---

<div class="post-metadata">

**Author:** ![jchen](https://avatars.discourse-cdn.com/v4/letter/j/3ec8ea/32.png) [@jchen](https://forum.inductiveautomation.com/u/jchen)\
**Post date:** [November 8, 2024, 6:28am UTC](https://forum.inductiveautomation.com/t/date-range-components-use-on-microsoft-surface-pro-10/98324/8 "2024-11-08T06:28:07Z")

</div>

> [@pturmel](#):
>
> No, it doesn't. That highlighted double arrow is for altering the endpoint of the (query) date range without changing the start point. Similar for the double arrow on the other end. Dragging the blue section changes both ends, maintaining a constant duration.

Yes, this is the issue I'm facing, blue section can be moved, although not very smooth. Double arrow function are almost impossible to achieve on the touch screen.
