Inline-Datepicker doesn't add ng-(in)?valid

[Crisfole]

The inline datepicker allows typing in an invalid (disabled) date, and doesn't add the ng-invalid class to the datepicker.

It seems that the dropdown itself is modified to include the ng-invalid but not the actual input...Am I misunderstanding something?

[fischermatte]

+1. it actually works when using inline datepicker, but not with popup on an input element. one can easily reproduce it in the showcase.

[SeraphicRav]

+1

[wleelavivat]

+1

[pavax]

+1

[boroth]

+1

[adosaiguas]

+1

[roonel]

+1

[aberkecz]

+1

[jaroslavrehorka]

+1

[gjspaho]

+1

[VictorRicha]

+1

[clicktravel-martin]

+1

[kudmni]

+1

[edim24]

++

[raftheunis87]

+1

[alexyuryev]

+1

[DumboJet]

+10 // Just to break the tradition! :D

[videege]

+1

[Crisfole]

I'd like to take this moment to thank my fans, my parents, and all of you for this amazing response and outpouring. Never before has one of my issues been so popularly 👍'd before.

[ovaris]

+1

[ovaris]

@Crisfole please check PR #2901

[Crisfole]

@ovaris Unfortunately because I have corporate clients that refuse to update beyond IE8 I had to give up Angular. No sense building a site that could never receive updates to the core framework, especially if those updates are security related...

[ovaris]

@Crisfole so are you saying that Angular UI is NOT going to be Angular 1.3 compatible, at least not in the near future?

[antoinepairet]

@ovaris see the updated README, we are working on angular 1.3 compatibility

[Crisfole]

@ovaris: I'm not part of the team. I have exactly zero say in the angular-ui's compatibility :)

[karianna]

https://github.com/angular-ui/bootstrap#impt---2015-plans-and-angular-13-support

[kipusoep]

+1

[benjaminch]

+1

[chrisirhc]

Related work: #3020

Please don't +1, we already know this is a priority.

[estvmachine]

What alternative solution exists for this issue?, if i want a datepicker with validation of min and max. Thanks for the response in advance.

[erdebee]

Create a custom directive to do the validation for you, if you really need it.. Until a fix is available.

Here is a blogpost describing such a directive.

https://rashimuddin.wordpress.com/2014/08/24/date-range-custom-validation-in-angular-js/

[ComeOutToPlay]

Please refer to http://stackoverflow.com/questions/24359128/bootstrap-angular-datepicker-set-ng-model-invalid-not-change/31595743#31595743 at my response (Aquiles)

[narangrishab]

Hello Guys, How to do start date end date validation using Angular JS for bootstrap datepicker?

[wesleycho]

I believe this is fixed currently, as the homepage works as expected.

@narangrishab: take a look at the documentation for the datepicker, and read up on how validation in Angular works.

Closing as fixed.

[dylaninvodo]

As of September 15th, 2015 the datepicker-popup example at https://angular-ui.github.io/bootstrap/ is not correctly setting the error classes on the input element when a date is manually entered that is before the min-date value.

Screenshot:

[cen1]

Yep, seems broken to me. Invalid not set on the text input.

[icfantv]

@dylaninvodo or @cen1, please open a new issue rather than piling on to an existing and unrelated issue that is already closed. Doing so is a really good way to not get the issue fixed as we will most likely miss it.

If you so boldly dare to venture where many have gone before and want to file a new issue, please follow the instructions here. Thanks.

[icfantv]

Oh for pete's sake. Nevermind. I just saw your issue. I'll shut up now.

[humam-nameer-10p]

As an alternative to include range in date entered, I worked with UI.validate and it worked fine!

include dependency => 'ui.validate'
In html
<input type="text" name="dob" show-button-bar="false" class="tw-formControl" uib-datepicker-popup="MM/dd/yyyy" ng-model="vm.profile.attributes.dob" ui-validate="{outOfBounds : 'vm.checkDateLimits($value)' }" is-open="vm.calanderToggle" placeholder="mm/dd/yyyy" datepicker-options="dateOptions"/>

validations:

<div class="tw-customValidation" ng-messages="profileForm.dob.$error" ng-if="profileForm.dob.$dirty || profileForm.$submitted"> <div ng-message="date">Please enter a valid date</div> <div ng-message="outOfBounds"> Date selected is out of range. </div> </div>

In Controller:

  vm.checkDateLimits = function(selectedDate){
        var currentDate = new Date(selectedDate);
        var upperBounds = new Date();
        var lowerBounds = new Date('01/01/1900');

    return currentDate < upperBounds && currentDate > lowerBounds;

  }

documentation for ui.validate