# Change Border color DateTime Input

**URL:** <https://forum.inductiveautomation.com/t/change-border-color-datetime-input/104575>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 2, 2025, 8:21am UTC](https://forum.inductiveautomation.com/t/change-border-color-datetime-input/104575 "2025-04-02T08:21:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![dario.cappuccio](https://avatars.discourse-cdn.com/v4/letter/d/b19c9b/32.png) [@dario.cappuccio](https://forum.inductiveautomation.com/u/dario.cappuccio)\
**Post date:** [April 2, 2025, 8:21am UTC](https://forum.inductiveautomation.com/t/change-border-color-datetime-input/104575/1 "2025-04-02T08:21:42Z")

</div>

Hi,  
I want to change the boarder color of a date time input after the user select a date? I try using in the binding of the property boarder color but doesn't work. Any suggests?? Thanks

```python
if({this.props.value} = "" || {this.props.value} = None,"#DE1B1B","#ADADAD")

```

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 2, 2025, 8:28am UTC](https://forum.inductiveautomation.com/t/change-border-color-datetime-input/104575/2 "2025-04-02T08:28:57Z")

</div>

It looks as though you are confusing Python scripting and Expression Language. Python uses `None`. Expression uses `null`.  
Try,

```python
if(
    {this.props.value} = "" || {this.props.value} = null,
    "#DE1B1B",
    "#ADADAD"
)

```

Tips:

- Make sure your property is `border`, not `boarder`. (I fixed the title.)
- Consider using [Perspective Built-In Themes | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/ignition-modules/perspective/styles/perspective-built-in-themes#built-in-theme-colors) colors instead of hard coding colors. It will make maintenance and consistency much easier.
- Alternately, create [Styles | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/ignition-modules/perspective/styles) and select those in the `style.classes` drop down in the component's PROPS section. Watch the video!

---

<div class="post-metadata">

**Author:** ![dario.cappuccio](https://avatars.discourse-cdn.com/v4/letter/d/b19c9b/32.png) [@dario.cappuccio](https://forum.inductiveautomation.com/u/dario.cappuccio)\
**Post date:** [April 2, 2025, 8:41am UTC](https://forum.inductiveautomation.com/t/change-border-color-datetime-input/104575/3 "2025-04-02T08:41:48Z")

</div>

thanks, it's work now