@jetbrains/ring-ui 4.2.18 → 4.2.19

package/components/date-picker/date-picker.examples.js

@@ -351,41 +351,3 @@ rangeWithCustomPlaceholders.storyName = 'range with customized placeholders';
 rangeWithCustomPlaceholders.parameters = {
   hermione: {skip: true}
 };
-
-export const withEmptyPlaceholder = () => {
-  class DatePickerExample extends Component {
-    state = {
-      from: undefined,
-      to: undefined
-    };
-
-    setRange = ({from, to}) => {
-      this.setState({from, to});
-    };
-
-    render() {
-      return (
-        <div>
-          <DatePicker
-            from={this.state.from}
-            to={this.state.to}
-            onChange={this.setRange}
-            fromPlaceholder=""
-            toPlaceholder=""
-            rangePlaceholder=""
-            clear
-            range
-          />
-        </div>
-      );
-    }
-  }
-
-  return <DatePickerExample/>;
-};
-
-withEmptyPlaceholder.storyName = 'range with empty placeholder';
-withEmptyPlaceholder.parameters = {
-  hermione: {skip: true}
-};
-

package/components/date-picker/months.js

@@ -3,8 +3,6 @@ import PropTypes from 'prop-types';
 import addMonths from 'date-fns/addMonths';
 import getDay from 'date-fns/getDay';
 import getDaysInMonth from 'date-fns/getDaysInMonth';
-import set from 'date-fns/set';
-import startOfHour from 'date-fns/startOfHour';
 import startOfMonth from 'date-fns/startOfMonth';
 import subMonths from 'date-fns/subMonths';
 import endOfMonth from 'date-fns/endOfMonth';
@@ -46,8 +44,9 @@ const scrollSchedule = scheduleRAF();
 let dy = 0;
 export default function Months(props) {
   const {scrollDate} = props;
-  // prevent switching from april to march because of daylight saving time
-  const monthStart = startOfHour(set(scrollDate, {date: 1, hours: 1}));
+  const monthDate = scrollDate instanceof Date ? scrollDate : new Date(scrollDate);
+  // Creating midnight of the first day of the month in UTC to prevent the impact of user timezone
+  const monthStart = new Date(Date.UTC(monthDate.getFullYear(), monthDate.getMonth(), 1));
 
   let month = subMonths(monthStart, MONTHSBACK);
   const months = [month];

package/components/select/select.examples.js

@@ -1013,15 +1013,6 @@ export const multipleWithLimit = args => <Select {...args}/>;
 multipleWithLimit.storyName = 'multiple with limit';
 multipleWithLimit.parameters = {hermione: {skip: true}};
 
-export const withEmptyPlaceholder = args => (
-  <Select
-    {...args}
-    label={''}
-  />
-);
-
-withEmptyPlaceholder.storyName = 'with empty placeholder';
-withEmptyPlaceholder.parameters = {hermione: {skip: true}};
 
 export const selectInPopup = args => (
   <Dropdown

package/dist/date-picker/date-picker.js

@@ -47,7 +47,6 @@ import './months.js';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';
 import 'date-fns/getDaysInMonth';
-import 'date-fns/startOfHour';
 import 'date-fns/startOfMonth';
 import 'date-fns/subMonths';
 import 'date-fns/endOfMonth';

package/dist/date-picker/date-popup.js

@@ -35,8 +35,6 @@ import 'date-fns/add';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';
 import 'date-fns/getDaysInMonth';
-import 'date-fns/set';
-import 'date-fns/startOfHour';
 import 'date-fns/startOfMonth';
 import 'date-fns/subMonths';
 import 'date-fns/endOfMonth';
@@ -51,6 +49,7 @@ import 'date-fns/getDate';
 import 'date-fns/isToday';
 import './month-names.js';
 import 'date-fns/isThisMonth';
+import 'date-fns/set';
 import 'date-fns/startOfYear';
 import './month-slider.js';
 import 'date-fns/addYears';

package/dist/date-picker/months.js

@@ -4,8 +4,6 @@ import PropTypes from 'prop-types';
 import addMonths from 'date-fns/addMonths';
 import getDay from 'date-fns/getDay';
 import getDaysInMonth from 'date-fns/getDaysInMonth';
-import set from 'date-fns/set';
-import startOfHour from 'date-fns/startOfHour';
 import startOfMonth from 'date-fns/startOfMonth';
 import subMonths from 'date-fns/subMonths';
 import endOfMonth from 'date-fns/endOfMonth';
@@ -28,6 +26,7 @@ import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/startOfDay';
 import 'date-fns/isThisMonth';
+import 'date-fns/set';
 import 'date-fns/startOfYear';
 import './month-slider.js';
 import 'date-fns/addYears';
@@ -65,12 +64,10 @@ let dy = 0;
 function Months(props) {
   const {
     scrollDate
-  } = props; // prevent switching from april to march because of daylight saving time
+  } = props;
+  const monthDate = scrollDate instanceof Date ? scrollDate : new Date(scrollDate); // Creating midnight of the first day of the month in UTC to prevent the impact of user timezone
 
-  const monthStart = startOfHour(set(scrollDate, {
-    date: 1,
-    hours: 1
-  }));
+  const monthStart = new Date(Date.UTC(monthDate.getFullYear(), monthDate.getMonth(), 1));
   let month = subMonths(monthStart, MONTHSBACK);
   const months = [month];
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "4.2.18",
+  "version": "4.2.19",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -221,5 +221,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "6b6f519b3990ff308b592a9b9fe42891c2591166"
+  "gitHead": "3e4b569bf8d13582ab9502779338b81eb737cd3e"
 }