mdDatepicker minInclude and maxInclude

[ranouf]

Hi,

Is there a way to allow to select the same day for From and To:

            <div layout="row">
                <md-input-container>
                    <input mdInput 
                           [max]="offer.to"
                           #fromElement
                           #fromControl="ngModel"
                           [mdDatepicker]="pickerFrom" 
                           placeholder="From"
                           [(ngModel)]="offer.from"
                           name="from">
                    <button mdSuffix [mdDatepickerToggle]="pickerFrom"></button>
                    <md-hint align="start">
                        <span [hidden]="fromElement.pristine || !fromElement.errors?.mdDatepickerMin" class="tc-red-600">Date not valid</span>
                    </md-hint>
                </md-input-container>
                <md-datepicker #pickerFrom></md-datepicker>            
                <md-error *ngIf="fromControl.hasError('mdDatepickerMin')">Too early!</md-error>
                <md-error *ngIf="fromControl.hasError('mdDatepickerMax')">Too late!</md-error>  
            </div>

            <div layout="row">
                <md-input-container>
                    <input mdInput
                           [min]="offer.from"
                           #toElement
                           #toControl="ngModel"
                           [mdDatepicker]="pickerTo"
                           placeholder="To"
                           [(ngModel)]="offer.to"
                           name="to">
                    <button mdSuffix [mdDatepickerToggle]="pickerTo"></button>
                    <md-hint align="start">
                        <span [hidden]="pickerTo.pristine || !pickerTo.errors?.mdDatepickerMax" class="tc-red-600">Date not valid</span>
                    </md-hint>
                </md-input-container>
                <md-datepicker #pickerTo></md-datepicker>              
                <md-error *ngIf="toControl.hasError('mdDatepickerMin')">Too early!</md-error>
                <md-error *ngIf="toControl.hasError('mdDatepickerMax')">Too late!</md-error>  
            </div>

[ranouf]

I saw it was fixed in Angular material 2 (#4649).

But in the version ^4.0.0 it seems not fixed.

Problem, I can t upgrade currently my other packages are not compatible with the latest version.

How can I fix the problem?

[ranouf]

I thought to use "mdDatepickerFilter" the problem is in the fonction, the context is not the Angular component but the context of the MdDatePicker.

[jymdman]

Add .bind(this) if you wish to bind to the component instead, e.g.:
[mdDatepickerFilter]="myFilter.bind(this)"

[ranouf]

Thats perfect!
Thank you!

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}