@jetbrains/ring-ui-built 6.0.1

package/components/data-list/item.js

@@ -0,0 +1,235 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.map.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import chevronRightIcon from '@jetbrains/icons/chevron-right';
+import chevronDownIcon from '@jetbrains/icons/chevron-down';
+import Link from '../link/link.js';
+import Text from '../text/text.js';
+import LoaderInline from '../loader-inline/loader-inline.js';
+import { Button } from '../button/button.js';
+import Selection from '../table/selection.js';
+import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
+import 'classnames';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.index-of.js';
+import '../global/focus-sensor-hoc.js';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark-14px';
+import '@jetbrains/icons/remove-14px';
+import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
+
+var moreLessButtonStates;
+(function (moreLessButtonStates) {
+  moreLessButtonStates[moreLessButtonStates["UNUSED"] = 0] = "UNUSED";
+  moreLessButtonStates[moreLessButtonStates["MORE"] = 1] = "MORE";
+  moreLessButtonStates[moreLessButtonStates["MORE_LOADING"] = 2] = "MORE_LOADING";
+  moreLessButtonStates[moreLessButtonStates["LESS"] = 3] = "LESS";
+})(moreLessButtonStates || (moreLessButtonStates = {}));
+var ITEM_LEFT_OFFSET = 32;
+var LIST_LEFT_OFFSET = 24;
+var Item = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Item, _PureComponent);
+  var _super = _createSuper(Item);
+  function Item() {
+    var _this;
+    _classCallCheck(this, Item);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "onShowMore", function () {
+      var _this$props = _this.props,
+        onItemMoreLess = _this$props.onItemMoreLess,
+        item = _this$props.item;
+      onItemMoreLess(item, true);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onShowLess", function () {
+      var _this$props2 = _this.props,
+        onItemMoreLess = _this$props2.onItemMoreLess,
+        item = _this$props2.item;
+      onItemMoreLess(item, false);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onFocus", function () {
+      var _this$props3 = _this.props,
+        onFocus = _this$props3.onFocus,
+        item = _this$props3.item;
+      onFocus(item);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onSelect", function (selected) {
+      var _this$props4 = _this.props,
+        onSelect = _this$props4.onSelect,
+        item = _this$props4.item;
+      onSelect(item, selected);
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderItem", function (model, parentShift) {
+      var _this$props5 = _this.props,
+        onFocus = _this$props5.onFocus,
+        onSelect = _this$props5.onSelect,
+        selection = _this$props5.selection,
+        level = _this$props5.level,
+        itemFormatter = _this$props5.itemFormatter;
+      var item = itemFormatter(model);
+      return /*#__PURE__*/React.createElement(Item, {
+        key: item.key || item.id,
+        item: model,
+        title: item.title,
+        items: item.items,
+        level: level + 1,
+        parentShift: parentShift,
+        itemFormatter: itemFormatter,
+        collapsible: item.collapsible,
+        collapsed: item.collapsed,
+        onCollapse: item.onCollapse,
+        onExpand: item.onExpand,
+        showFocus: selection.isFocused(model),
+        onFocus: onFocus,
+        selection: selection,
+        selectable: item.selectable,
+        selected: selection.isSelected(model),
+        onSelect: onSelect
+      });
+    });
+    return _this;
+  }
+  _createClass(Item, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props6 = this.props,
+        title = _this$props6.title,
+        items = _this$props6.items,
+        showMoreLessButton = _this$props6.showMoreLessButton,
+        level = _this$props6.level,
+        parentShift = _this$props6.parentShift,
+        showFocus = _this$props6.showFocus,
+        selectable = _this$props6.selectable,
+        selected = _this$props6.selected,
+        collapsible = _this$props6.collapsible,
+        collapsed = _this$props6.collapsed,
+        onCollapse = _this$props6.onCollapse,
+        onExpand = _this$props6.onExpand;
+      var moreLessButton;
+      if (showMoreLessButton === moreLessButtonStates.MORE || showMoreLessButton === moreLessButtonStates.MORE_LOADING) {
+        moreLessButton = /*#__PURE__*/React.createElement(Text, {
+          info: true
+        }, /*#__PURE__*/React.createElement(Link, {
+          inherit: true,
+          pseudo: true,
+          onClick: this.onShowMore
+        }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(LoaderInline, {
+          className: modules_09d014b4.showMoreLoader
+        }));
+      } else if (showMoreLessButton === moreLessButtonStates.LESS) {
+        moreLessButton = /*#__PURE__*/React.createElement(Text, {
+          info: true
+        }, /*#__PURE__*/React.createElement(Link, {
+          inherit: true,
+          pseudo: true,
+          onClick: this.onShowLess
+        }, 'Show less'));
+      }
+      var collapserExpander = null;
+      if (collapsible) {
+        if (collapsed) {
+          collapserExpander = /*#__PURE__*/React.createElement(Button, {
+            title: "Expand",
+            onClick: onExpand,
+            icon: chevronRightIcon,
+            className: modules_09d014b4.collapseButton,
+            iconClassName: modules_09d014b4.collapseIcon,
+            "data-test": "ring-data-list-expand"
+          });
+        } else {
+          collapserExpander = /*#__PURE__*/React.createElement(Button, {
+            title: "Collapse",
+            onClick: onCollapse,
+            icon: chevronDownIcon,
+            className: modules_09d014b4.collapseButton,
+            iconClassName: modules_09d014b4.collapseIcon,
+            "data-test": "ring-data-list-collapse"
+          });
+        }
+      }
+      var itemIsEmpty = !(items !== null && items !== void 0 && items.length) || collapsible && collapsed;
+      var offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
+      return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Title, {
+        title: title,
+        focused: showFocus,
+        showFocus: showFocus,
+        selectable: selectable,
+        selected: selected,
+        collapserExpander: collapserExpander,
+        onFocus: this.onFocus,
+        onSelect: this.onSelect,
+        offset: offset
+      }), !itemIsEmpty ? /*#__PURE__*/React.createElement("ul", {
+        className: modules_09d014b4.itemContent
+      }, items.map(function (model) {
+        return _this2.renderItem(model, parentShift);
+      }), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/React.createElement("li", {
+        className: modules_09d014b4.showMore
+      }, moreLessButton) : null) : null);
+    }
+  }]);
+  return Item;
+}(PureComponent);
+_defineProperty(Item, "defaultProps", {
+  items: [],
+  level: 0,
+  parentShift: 0,
+  showMoreLessButton: moreLessButtonStates.UNUSED,
+  onItemMoreLess: function onItemMoreLess() {}
+});
+Item.propTypes = {
+  item: PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
+  }).isRequired,
+  title: PropTypes.node,
+  items: PropTypes.array,
+  className: PropTypes.string,
+  level: PropTypes.number,
+  parentShift: PropTypes.number,
+  itemFormatter: PropTypes.func.isRequired,
+  collapsible: PropTypes.bool,
+  collapsed: PropTypes.bool,
+  onCollapse: PropTypes.func,
+  onExpand: PropTypes.func,
+  showFocus: PropTypes.bool,
+  onFocus: PropTypes.func.isRequired,
+  selection: PropTypes.instanceOf(Selection).isRequired,
+  selectable: PropTypes.bool,
+  selected: PropTypes.bool,
+  onSelect: PropTypes.func.isRequired,
+  showMoreLessButton: PropTypes.number,
+  onItemMoreLess: PropTypes.func
+};
+
+export { Item as default, moreLessButtonStates };

package/components/data-list/selection.d.ts

@@ -0,0 +1,16 @@
+import TableSelection, { CloneWithConfig, SelectionItem } from '../table/selection';
+export default class Selection<T extends SelectionItem> extends TableSelection<T> {
+    protected _buildData(data: T[]): Set<T>;
+    protected _buildSelected(data: Set<T>, selected: Set<T>): Set<T>;
+    private _getDescendants;
+    private _getAncestors;
+    private _selectDescendants;
+    private _deselectDescendants;
+    private _selectAncestors;
+    private _deselectAncestors;
+    select(value?: T | null): Selection<T>;
+    focus(value: T | null | undefined): Selection<T>;
+    resetSelection(): Selection<T>;
+    cloneWith(config: CloneWithConfig<T>): Selection<T>;
+    deselect(value?: T | null): Selection<T>;
+}

package/components/data-list/selection.js

@@ -0,0 +1,148 @@
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, l as _toConsumableArray, n as _get, o as _getPrototypeOf } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.filter.js';
+import Selection$1 from '../table/selection.js';
+import 'core-js/modules/es.array.index-of.js';
+
+var Selection = /*#__PURE__*/function (_TableSelection) {
+  _inherits(Selection, _TableSelection);
+  var _super = _createSuper(Selection);
+  function Selection() {
+    _classCallCheck(this, Selection);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Selection, [{
+    key: "_buildData",
+    value: function _buildData(data) {
+      return new Set(this._getDescendants(data));
+    }
+  }, {
+    key: "_buildSelected",
+    value: function _buildSelected(data, selected) {
+      var _this = this;
+      var _selected = new Set(selected);
+      _toConsumableArray(data).forEach(function (item) {
+        if (_selected.has(item)) {
+          _this._selectDescendants(item, _selected);
+        }
+      });
+      return _selected;
+    }
+  }, {
+    key: "_getDescendants",
+    value: function _getDescendants(items) {
+      var _this2 = this;
+      var result = [];
+      items.forEach(function (item) {
+        result.push(item);
+        result = [].concat(_toConsumableArray(result), _toConsumableArray(_this2._getDescendants(_this2._getChildren(item))));
+      });
+      return result;
+    }
+  }, {
+    key: "_getAncestors",
+    value: function _getAncestors(item) {
+      var _this3 = this;
+      var result = [];
+      var parent = _toConsumableArray(this._data).find(function (it) {
+        return _this3._getChildren(it).includes(item);
+      });
+      if (parent) {
+        result = [parent].concat(_toConsumableArray(this._getAncestors(parent)));
+      }
+      return result;
+    }
+  }, {
+    key: "_selectDescendants",
+    value: function _selectDescendants(item, selected) {
+      this._getDescendants(this._getChildren(item)).forEach(function (it) {
+        return selected.add(it);
+      });
+    }
+  }, {
+    key: "_deselectDescendants",
+    value: function _deselectDescendants(item, selected) {
+      this._getDescendants(this._getChildren(item)).forEach(function (it) {
+        return selected.delete(it);
+      });
+    }
+  }, {
+    key: "_selectAncestors",
+    value: function _selectAncestors(item, selected) {
+      var _this4 = this;
+      this._getAncestors(item).forEach(function (ancestor) {
+        var groupIsSelected = _this4._getChildren(ancestor).filter(function (it) {
+          return _this4._isItemSelectable(it);
+        }).every(function (it) {
+          return selected.has(it);
+        });
+        if (groupIsSelected) {
+          selected.add(ancestor);
+        }
+      });
+    }
+  }, {
+    key: "_deselectAncestors",
+    value: function _deselectAncestors(item, selected) {
+      this._getAncestors(item).forEach(function (it) {
+        return selected.delete(it);
+      });
+    }
+  }, {
+    key: "select",
+    value: function select() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+      if (!value || !this._isItemSelectable(value)) {
+        return this;
+      }
+      var selected = new Set(this._selected);
+      selected.add(value);
+      this._selectDescendants(value, selected);
+      this._selectAncestors(value, selected);
+      return this.cloneWith({
+        selected
+      });
+    }
+  }, {
+    key: "focus",
+    value: function focus(value) {
+      return _get(_getPrototypeOf(Selection.prototype), "focus", this).call(this, value);
+    }
+  }, {
+    key: "resetSelection",
+    value: function resetSelection() {
+      return _get(_getPrototypeOf(Selection.prototype), "resetSelection", this).call(this);
+    }
+  }, {
+    key: "cloneWith",
+    value: function cloneWith(config) {
+      return _get(_getPrototypeOf(Selection.prototype), "cloneWith", this).call(this, config);
+    }
+  }, {
+    key: "deselect",
+    value: function deselect() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+      if (!value || !this._isItemSelectable(value)) {
+        return this;
+      }
+      var selected = new Set(this._selected);
+      selected.delete(value);
+      this._deselectDescendants(value, selected);
+      this._deselectAncestors(value, selected);
+      return this.cloneWith({
+        selected
+      });
+    }
+  }]);
+  return Selection;
+}(Selection$1);
+
+export { Selection as default };

package/components/data-list/title.d.ts

@@ -0,0 +1,26 @@
+import React, { PureComponent, ReactNode } from 'react';
+import { FocusSensorAddProps } from '../global/focus-sensor-hoc';
+export interface TitleProps extends FocusSensorAddProps<HTMLDivElement> {
+    onSelect: (selected: boolean) => void;
+    selectable?: boolean | undefined;
+    selected?: boolean | undefined;
+    showFocus?: boolean | undefined;
+    offset?: number | undefined;
+    className?: string | null | undefined;
+    title?: ReactNode;
+    collapserExpander?: ReactNode;
+}
+declare class Title extends PureComponent<TitleProps> {
+    static defaultProps: {
+        selectable: boolean;
+        selected: boolean;
+        showFocus: boolean;
+    };
+    id: string;
+    onCheckboxFocus: () => void;
+    onCheckboxChange: () => void;
+    toggleSelection(): void;
+    render(): React.JSX.Element;
+}
+declare const _default: React.ComponentType<import("../global/focus-sensor-hoc").FocusSensorProps<TitleProps, HTMLDivElement, typeof Title>>;
+export default _default;

package/components/data-list/title.js

@@ -0,0 +1,28 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import '../global/focus-sensor-hoc.js';
+import '../checkbox/checkbox.js';
+import '../global/get-uid.js';
+import '../global/prop-types.js';
+export { T as default } from '../_helpers/title.js';
+import '../global/composeRefs.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import '@jetbrains/icons/checkmark-14px';
+import '@jetbrains/icons/remove-14px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/es.regexp.to-string.js';

package/components/date-picker/consts.d.ts

@@ -0,0 +1,98 @@
+import { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import type { Locale } from 'date-fns';
+declare const units: {
+    unit: number;
+    cellSize: number;
+    calHeight: number;
+    yearHeight: number;
+};
+export default units;
+export declare const YEAR = 12;
+export declare const WEEK = 7;
+export declare const weekdays: {
+    MO: number;
+    TU: number;
+    WE: number;
+    TH: number;
+    FR: number;
+    SA: number;
+    SU: number;
+};
+export declare const MIDDLE_DAY = 15;
+export declare const yearDuration: number;
+export declare const yearScrollSpeed: number;
+export declare const DOUBLE = 2;
+export declare const HALF = 0.5;
+export declare const dateType: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+export declare function parseTime(time: string): string | null;
+export interface DateInputTranslations {
+    addFirstDate?: string;
+    addSecondDate?: string;
+    addTime?: string;
+    selectName?: string;
+}
+export interface DateSpecificPopupProps {
+    withTime?: false | undefined;
+    range?: false | undefined;
+    onChange: (date: Date | null | undefined) => void;
+}
+export interface DatePickerChange {
+    from?: Date | null | undefined;
+    to?: Date | null | undefined;
+    date?: Date | null | undefined;
+    time?: string | null | undefined;
+}
+export interface TimeSpecificPopupProps {
+    withTime: true;
+    range?: false | undefined;
+    onChange: (change: DatePickerChange) => void;
+}
+export interface RangeSpecificPopupProps {
+    withTime?: false | undefined;
+    range: true;
+    onChange: (change: DatePickerChange) => void;
+}
+export interface DatePopupState {
+    active: Field;
+    text: string | null;
+    hoverDate: Date | null;
+    scrollDate: number | null;
+}
+export interface DatePopupBaseProps {
+    date?: Date | number | string | null | undefined;
+    time?: string | null | undefined;
+    from?: Date | number | string | null | undefined;
+    to?: Date | number | string | null | undefined;
+    minDate?: string | null | undefined;
+    maxDate?: string | null | undefined;
+    translations?: DateInputTranslations | null | undefined;
+    fromPlaceholder?: string | null | undefined;
+    toPlaceholder?: string | null | undefined;
+    timePlaceholder?: string | null | undefined;
+    locale?: Locale | undefined;
+    parseDateInput: (text: Date | number | string | null | undefined) => Date | null;
+    displayFormat: (date: Date, locale: Locale | undefined) => string;
+    onComplete: () => void;
+    onClear?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | null | undefined;
+    renderAfterCalendar?: ((state: DatePopupState) => ReactNode) | undefined;
+}
+export interface Dates {
+    from?: Date | null | undefined;
+    to?: Date | null | undefined;
+    date?: Date | null | undefined;
+    time?: never;
+}
+export interface CalendarProps extends Omit<DatePopupBaseProps, 'date' | 'from' | 'to' | 'time'>, Dates {
+    activeDate: Date | null;
+    scrollDate: number | Date;
+    currentRange: [Date, Date] | null;
+    activeRange: [Date, Date] | null;
+    onScroll: (to: number) => void;
+    onScrollChange: (date: number) => void;
+}
+export interface MonthsProps extends CalendarProps {
+    onSelect: (date: Date) => void;
+    onHover: (date: Date) => void;
+}
+export type Field = 'date' | 'time' | 'from' | 'to';

package/components/date-picker/consts.js

@@ -0,0 +1,46 @@
+import 'core-js/modules/es.regexp.exec.js';
+import PropTypes from 'prop-types';
+import add from 'date-fns/add';
+
+var unit = 8; // px;
+var units = {
+  unit,
+  /* eslint-disable @typescript-eslint/no-magic-numbers */
+  cellSize: unit * 3,
+  calHeight: unit * 36,
+  yearHeight: unit * 4
+  /* eslint-enable */
+};
+var YEAR = 12;
+var WEEK = 7;
+var weekdays = {
+  MO: 1,
+  TU: 2,
+  WE: 3,
+  TH: 4,
+  FR: 5,
+  SA: 6,
+  SU: 0
+};
+var MIDDLE_DAY = 15;
+var durationToMillis = function durationToMillis(duration) {
+  return +add(0, duration);
+};
+var yearDuration = durationToMillis({
+  years: 1
+});
+var yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
+var DOUBLE = 2;
+var HALF = 0.5;
+var dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
+function parseTime(time) {
+  var result = null;
+  if (/^([01][0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
+    result = time;
+  } else if (/^([0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
+    result = "0".concat(time);
+  }
+  return result;
+}
+
+export { DOUBLE, HALF, MIDDLE_DAY, WEEK, YEAR, dateType, units as default, parseTime, weekdays, yearDuration, yearScrollSpeed };

package/components/date-picker/date-input.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { DatePopupBaseProps, Field } from './consts';
+export interface UpdateInputConfig {
+    active: boolean;
+    text: string | null;
+}
+export interface DateInputProps extends DatePopupBaseProps, UpdateInputConfig {
+    divider: boolean;
+    name: Field;
+    hoverDate: Date | null;
+    date: Date | null | undefined;
+    time?: string | null | undefined;
+    onInput: (value: string, name: Field) => void;
+    onActivate: () => void;
+    onConfirm: () => void;
+}
+export default class DateInput extends React.PureComponent<DateInputProps> {
+    static propTypes: {
+        active: PropTypes.Requireable<boolean>;
+        divider: PropTypes.Requireable<boolean>;
+        name: PropTypes.Requireable<string>;
+        text: PropTypes.Requireable<string>;
+        hoverDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+        date: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+        time: PropTypes.Requireable<string>;
+        displayFormat: PropTypes.Requireable<(...args: any[]) => any>;
+        translations: PropTypes.Requireable<object>;
+        fromPlaceholder: PropTypes.Requireable<string>;
+        toPlaceholder: PropTypes.Requireable<string>;
+        timePlaceholder: PropTypes.Requireable<string>;
+        onInput: PropTypes.Requireable<(...args: any[]) => any>;
+        onActivate: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+        onClear: PropTypes.Requireable<(...args: any[]) => any>;
+        locale: PropTypes.Requireable<object>;
+    };
+    componentDidUpdate(prevProps: DateInputProps): void;
+    static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
+    context: React.ContextType<typeof DateInput.contextType>;
+    input?: HTMLInputElement | null;
+    inputRef: (el: HTMLInputElement | null) => void;
+    updateInput({ text, active }: UpdateInputConfig): void;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown: (e: React.KeyboardEvent) => false | void;
+    render(): React.JSX.Element;
+}