Dependant on #6271

Related to #7199

Specification

With the new IgxDateTimeEditorDirective implemented, we should refactor the IgxDatePicker to use the new editor to handle mask parsing, spinning, date validation and any other action related to the date picker's input.

Tasks during refactoring:

• Inheritance of new base parent - introducing new members, renaming old ones (1 day)

• Integration of IgxDateTimeEditorDirective (10 days)
  • Code clean up for already existing functionality in the IgxDatePickerComponent
  • Refactoring of model binding
  • Move CalendarContainer to global date directory

• Have IgxDateRangePickerComponent extend PickersBaseDirective (2 days)

• Refactoring of DatePickerUtils - will be renamed to DateTimeUtils (4 days)

  • Unit tests for DateTimeUtils's public methods

• Simplify templating IgxTimePickerComponent, igxHint customization #8665

• New features that will be implemented
  • min and max values (will come from igxDateTimeEditor) min and max properties in the DatePicker component. #6286
  • add type property Add type property for igxDatePicker, igxTimePicker and igxDateRangePicker #7196
  • add ARIA (2 days) DatePicker ARIA #6346
  • implementation of Validator interface (1 day)

• Test refactoring (2 days)
• Bugs that must be resolved (1 day) - igx-date-picker breaks its format #8551, [IgxDatePicker] Day part becomes NaN after clearing the value and hit down arrow key at the day part. #8567, DatePicker providing only two digits for the year input is parsed to 19_ _ instead of 20_ _ #8475, Ensure editor works as expected when using a custom template and input field is editable #8065, Date picker applies non-date mask when dropdown mode is set after init #6749, IgxDatePicker allows spinning to negative dates #6925, Calling triggerTodaySelection throws error #5525, IgxDatePicker throws script error when alphabets are kept pressing in its input text box in IE11 #8613, IgxDatePicker: NaN value on selecting new date when mask and localization are applied #8913, igx-date-picker doesn't seems to be working with reactive form #8919, igxDatePicker - Formatting does not work in dialog mode #9154, IgxDatePicker: Date is not getting cleared on clicking clear button when invalid date is entered #9189, [IgxDatePicker] When disabled property is changed to true, the label's color becomes red like an invalid state. #9215
• Migrations for IgxDatePickerComponent (2 days)
• Updating of IgxDatePickerComponent's documentation and samples

Current estimations are purely for development time.