# Perspective Odd dateTimeInput Behavior

**URL:** <https://forum.inductiveautomation.com/t/perspective-odd-datetimeinput-behavior/43168>\
**Category:** Ignition\
**Created:** [February 9, 2021, 11:57am UTC](https://forum.inductiveautomation.com/t/perspective-odd-datetimeinput-behavior/43168 "2021-02-09T11:57:48Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mcgheeiv](https://avatars.discourse-cdn.com/v4/letter/m/71c47a/32.png) [@mcgheeiv](https://forum.inductiveautomation.com/u/mcgheeiv)\
**Post date:** [February 9, 2021, 11:57am UTC](https://forum.inductiveautomation.com/t/perspective-odd-datetimeinput-behavior/43168/1 "2021-02-09T11:57:48Z")

</div>

Ignition 8.1.0

Under certain situations two dateTimeInputs on the same view will appear very differently when opened.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/a/5ac8faf9f009ec70ceb8472dadd33d5710498240.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/d/ad27a5e2bef9ec5edd8e07341827c2c314e7bdb5.png)

Following is a very simple view that demonstrates the issue.

```auto
{
  "custom": {},
  "params": {},
  "props": {},
  "root": {
    "children": [
      {
        "children": [
          {
            "children": [
              {
                "meta": {
                  "name": "DateTimeInput"
                },
                "position": {
                  "basis": "170px"
                },
                "type": "ia.input.date-time-input"
              },
              {
                "meta": {
                  "name": "DateTimeInput_0"
                },
                "position": {
                  "basis": "170px"
                },
                "type": "ia.input.date-time-input"
              }
            ],
            "meta": {
              "name": "FlexContainer"
            },
            "position": {
              "basis": "400px"
            },
            "type": "ia.container.flex"
          }
        ],
        "meta": {
          "name": "FlexContainer_0"
        },
        "position": {
          "basis": "200px"
        },
        "type": "ia.container.flex"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column"
    },
    "type": "ia.container.flex"
  }
}

```

I found that adding another input (like a checkbox) on the far left, before the first date picker, resolves the issue.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [February 9, 2021, 3:52pm UTC](https://forum.inductiveautomation.com/t/perspective-odd-datetimeinput-behavior/43168/2 "2021-02-09T15:52:16Z")

</div>

The DateTime Input requires a certain amount of space to open and display the picker piece. If the component does not have the required amount of space, it opens in “modal” mode, during which it displays in the center of the screen and is surrounded by an overlay which obscures the rest of the screen. This is intended behavior.

If I remember correctly it first looks below the component, then above. If the component is near enough the side of the view, then the component will not be able to open, which is what appears to be happening here. Your introduction of the checkbox moved the DateTime Input away from the left border of the viewport, which gave the DateTime Input enough space to open.