google chrome - AngularJS material Datepicker shows different views of the same date at start

Question

I am using the Datepicker control from Angular Material and I want to explain a strange behaviour. This only occurs on the chrome browser. This control is shown on the demo: https://material.angularjs.org/1.1.1/demo/datepicker When I clicki a calendar icon below "Standard date-picker" the picker looks like this: There is a whole month January and the current date 29 at the bottom.

But when I click an icon below "Opening the calendar when the input is focused" or "Inside a md-input-container" the picker looks different: Current day January 29 is in the first line and there is Feb below.

I wanted to check it by editing on CodePen using the icon in right top corner. The stranger thing is that on CodePen there is no such issue and the picker shows a whole current month. My goal is the control shows the whole month like in the firs case. In my application it looks like in the second case with current day on the top. Can someone advise what I should do?

question from:https://stackoverflow.com/questions/65952061/angularjs-material-datepicker-shows-different-views-of-the-same-date-at-start

Answer 1

Waitting for answers