Initial date gets lost when using Tab to select input fields + Question about input focus colour

[Paul Kocher]

Hi!

I noticed that when I switch through my input fields as soon as I Tab through a DatePicker input field the initial set value is lost. I'm using [(value)]='initDate' where initDate is 

public initDate: Date = new Date();

am I missing something here? This works on all other input fields but not on the DatePicker one.

Another thing is, a general question. All the input fields from your library are getting a grey-ish highlight when they are focues whereas the bootstrap input fields get a blue highlighting colour. This makes the forms look pretty inconsistent. 

What would be the right way to change the colour to blue on your inputs, too?

[Sasikala Nagarajan]

Hi Paul,   

  

Thanks for contacting Syncfusion Support.   

  

when I switch through my input fields as soon as I Tab through a DatePicker input field the initial set value is lost   

   

We have checked with your reported query, but we unable to reproduce this issue at our end. We have prepared a sample with form and attached here. Please check with the sample and revert with more information to reproduce the issue at our side.   

  

Sample: angular2-seeds   

   

 bootstrap input fields get a blue highlighting colour   

   

You can achieve your requirement by overriding the CSS in focus. Please refer to the below code Example:   

   

  .e-datewidget.e-focus .e-in-wrap {   

      border-color: #66afe9 !important;   

     box-shadow:rgba(102, 175, 233, 0.6) 0px 0px 2px !important;   

   }   

   

Regards,   

Sasikala Nagarajan