# How to change (internal?) border style on datetime input

**URL:** <https://forum.inductiveautomation.com/t/how-to-change-internal-border-style-on-datetime-input/88033>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [March 28, 2024, 2:13pm UTC](https://forum.inductiveautomation.com/t/how-to-change-internal-border-style-on-datetime-input/88033 "2024-03-28T14:13:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![hw79](https://avatars.discourse-cdn.com/v4/letter/h/838e76/32.png) [@hw79](https://forum.inductiveautomation.com/u/hw79)\
**Post date:** [March 28, 2024, 2:13pm UTC](https://forum.inductiveautomation.com/t/how-to-change-internal-border-style-on-datetime-input/88033/1 "2024-03-28T14:13:02Z")

</div>

I did a search and didn't see any topics about this.

How do I change the border of the datetime input component? Using the `props.style` seems to add a border around the component instead of actually changing the existing border.

No style:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/2/a27784cb75a56f0789292f14dbc9d02dbc582d4a.png)

With `borderStyle: solid` and `borderWidth: 1`:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/9/1989e2e3ed3167f1af3f1549cb3978647ff62aad.png)

With all 4 corners `borderXxxRadius: 10`:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/1/61597563ce7e886130a8829e61c17ac077554a6b.png)

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [March 28, 2024, 2:21pm UTC](https://forum.inductiveautomation.com/t/how-to-change-internal-border-style-on-datetime-input/88033/2 "2024-03-28T14:21:40Z")

</div>

Looks like you need to add your style changes to `inputProps.style`.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/5/05bf39ce05f63012da68f8077df2e94f1e1aa0c0.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/1/61fe7df37cad94f88ee7f816b91b4d877ec7f7fd.png)

---

<div class="post-metadata">

**Author:** ![Josue\_Cuadras](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/josue_cuadras/32/59915_2.png) [@Josue\_Cuadras](https://forum.inductiveautomation.com/u/Josue_Cuadras)\
**Post date:** [March 28, 2024, 2:21pm UTC](https://forum.inductiveautomation.com/t/how-to-change-internal-border-style-on-datetime-input/88033/3 "2024-03-28T14:21:55Z")

</div>

Try inputProps Style:

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/8/c8bf7c16c2db84b66ad027975851e0aec4e03c5b.png)