@atlaskit/datetime-picker 13.0.8 → 13.0.10

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/datetime-picker
 
+## 13.0.10
+
+### Patch Changes
+
+- [#74796](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74796) [`47a2a39b4033`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/47a2a39b4033) - Move types for all the pickers to the appropriate `types` file.
+
+## 13.0.9
+
+### Patch Changes
+
+- [#74756](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74756) [`8e66f751df96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8e66f751df96) - Use feature flag to roll out border width update from 2px to 1px
+
 ## 13.0.8
 
 ### Patch Changes

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

@@ -39,7 +39,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.8";
+var packageVersion = "13.0.10";
 function getValidDate(iso) {
   var date = (0, _dateFns.parseISO)(iso);
   return (0, _dateFns.isValid)(date) ? {

package/dist/cjs/components/date-time-picker.js

@@ -31,7 +31,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.8";
+var packageVersion = "13.0.10";
 var isInvalidBorderStyles = (0, _react2.css)({
   borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")")
 });
@@ -77,7 +77,7 @@ var isDisabledStyles = (0, _react2.css)({
 var baseContainerStyles = (0, _react2.css)({
   display: 'flex',
   backgroundColor: "var(--ds-background-input, ".concat(_colors.N20, ")"),
-  border: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(_colors.N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(_colors.N20, ")")),
+  border: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(_colors.N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(_colors.N20, ")")),
   borderRadius: "var(--ds-border-radius, 3px)",
   transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
   '&:hover': {
@@ -240,8 +240,8 @@ var DateTimePicker = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/funct
         zoneValue: zoneValue
       });
       if (dateValue && timeValue) {
-        var _value2 = (0, _internal.formatDateTimeZoneIntoIso)(dateValue, timeValue, zoneValue);
-        var _this$parseValue = this.parseValue(_value2, dateValue, timeValue, zoneValue),
+        var value = (0, _internal.formatDateTimeZoneIntoIso)(dateValue, timeValue, zoneValue);
+        var _this$parseValue = this.parseValue(value, dateValue, timeValue, zoneValue),
           parsedZone = _this$parseValue.zoneValue;
         var valueWithValidZone = (0, _internal.formatDateTimeZoneIntoIso)(dateValue, timeValue, parsedZone);
         this.setState({

package/dist/cjs/components/time-picker.js

@@ -37,7 +37,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.8";
+var packageVersion = "13.0.10";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -130,15 +130,15 @@ var TimePicker = exports.TimePickerWithoutAnalytics = /*#__PURE__*/function (_Re
       if (_this.props.timeIsEditable) {
         var _this$props = _this.props,
           parseInputValue = _this$props.parseInputValue,
-          _timeFormat2 = _this$props.timeFormat;
+          timeFormat = _this$props.timeFormat;
         var sanitizedInput;
         try {
-          sanitizedInput = parseInputValue(inputValue, _timeFormat2 || _internal.defaultTimeFormat);
+          sanitizedInput = parseInputValue(inputValue, timeFormat || _internal.defaultTimeFormat);
         } catch (e) {
           return; // do nothing, the main validation should happen in the form
         }
 
-        var includesSeconds = !!(_timeFormat2 && /[:.]?(s|ss)/.test(_timeFormat2));
+        var includesSeconds = !!(timeFormat && /[:.]?(s|ss)/.test(timeFormat));
         var formatFormat = includesSeconds ? 'HH:mm:ss' : 'HH:mm';
         var formattedValue = (0, _dateFns.format)(sanitizedInput, formatFormat) || '';
         _this.setState({

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

@@ -19,7 +19,7 @@ import FixedLayer from '../internal/fixed-layer';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.0.8";
+const packageVersion = "13.0.10";
 function getValidDate(iso) {
   const date = parseISO(iso);
   return isValid(date) ? {

package/dist/es2019/components/date-time-picker.js

@@ -15,7 +15,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.0.8";
+const packageVersion = "13.0.10";
 const isInvalidBorderStyles = css({
   borderColor: `var(--ds-border-danger, ${R400})`
 });
@@ -61,7 +61,7 @@ const isDisabledStyles = css({
 const baseContainerStyles = css({
   display: 'flex',
   backgroundColor: `var(--ds-background-input, ${N20})`,
-  border: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border-input, ${N100})`}` : `2px solid ${`var(--ds-border-input, ${N20})`}`,
+  border: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border-input, ${N100})`}` : `2px solid ${`var(--ds-border-input, ${N20})`}`,
   borderRadius: "var(--ds-border-radius, 3px)",
   transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
   '&:hover': {

package/dist/es2019/components/time-picker.js

@@ -16,7 +16,7 @@ import parseTime from '../internal/parse-time';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.0.8";
+const packageVersion = "13.0.10";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -30,7 +30,7 @@ import FixedLayer from '../internal/fixed-layer';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.8";
+var packageVersion = "13.0.10";
 function getValidDate(iso) {
   var date = parseISO(iso);
   return isValid(date) ? {

package/dist/esm/components/date-time-picker.js

@@ -25,7 +25,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.8";
+var packageVersion = "13.0.10";
 var isInvalidBorderStyles = css({
   borderColor: "var(--ds-border-danger, ".concat(R400, ")")
 });
@@ -71,7 +71,7 @@ var isDisabledStyles = css({
 var baseContainerStyles = css({
   display: 'flex',
   backgroundColor: "var(--ds-background-input, ".concat(N20, ")"),
-  border: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(N20, ")")),
+  border: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(N20, ")")),
   borderRadius: "var(--ds-border-radius, 3px)",
   transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
   '&:hover': {
@@ -234,8 +234,8 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
         zoneValue: zoneValue
       });
       if (dateValue && timeValue) {
-        var _value2 = formatDateTimeZoneIntoIso(dateValue, timeValue, zoneValue);
-        var _this$parseValue = this.parseValue(_value2, dateValue, timeValue, zoneValue),
+        var value = formatDateTimeZoneIntoIso(dateValue, timeValue, zoneValue);
+        var _this$parseValue = this.parseValue(value, dateValue, timeValue, zoneValue),
           parsedZone = _this$parseValue.zoneValue;
         var valueWithValidZone = formatDateTimeZoneIntoIso(dateValue, timeValue, parsedZone);
         this.setState({

package/dist/esm/components/time-picker.js

@@ -29,7 +29,7 @@ import parseTime from '../internal/parse-time';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.8";
+var packageVersion = "13.0.10";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -122,15 +122,15 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
       if (_this.props.timeIsEditable) {
         var _this$props = _this.props,
           parseInputValue = _this$props.parseInputValue,
-          _timeFormat2 = _this$props.timeFormat;
+          timeFormat = _this$props.timeFormat;
         var sanitizedInput;
         try {
-          sanitizedInput = parseInputValue(inputValue, _timeFormat2 || defaultTimeFormat);
+          sanitizedInput = parseInputValue(inputValue, timeFormat || defaultTimeFormat);
         } catch (e) {
           return; // do nothing, the main validation should happen in the form
         }
 
-        var includesSeconds = !!(_timeFormat2 && /[:.]?(s|ss)/.test(_timeFormat2));
+        var includesSeconds = !!(timeFormat && /[:.]?(s|ss)/.test(timeFormat));
         var formatFormat = includesSeconds ? 'HH:mm:ss' : 'HH:mm';
         var formattedValue = format(sanitizedInput, formatFormat) || '';
         _this.setState({

package/dist/types/components/date-picker.d.ts

@@ -1,157 +1,10 @@
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { CalendarRef } from '@atlaskit/calendar';
 import { LocalizationProvider } from '@atlaskit/locale';
-import { ActionMeta, DropdownIndicatorProps, InputActionMeta, OptionType, SelectProps, ValueType } from '@atlaskit/select';
-import { Appearance, Spacing } from '../types';
-export interface DatePickerBaseProps extends WithAnalyticsEventsProps {
-    /**
-     * Set the appearance of the picker.
-     *
-     * `subtle` will remove the borders, background, and icon.
-     *
-     *NOTE:** Appearance values will be ignored if styles are parsed through `selectProps`.
-     */
-    appearance?: Appearance;
-    /**
-     * Set the picker to autofocus on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * The default for `isOpen`. Will be `false` if not provided.
-     */
-    defaultIsOpen?: boolean;
-    /**
-     * The default for `value`.
-     */
-    defaultValue?: string;
-    /**
-     * An array of ISO dates that should be disabled on the calendar. This does not affect what users can type into the picker.
-     */
-    disabled?: string[];
-    /**
-     * A filter function for disabling dates on the calendar. This does not affect what users can type into the picker.
-     *
-     * The function is called with a date string in the format `YYYY-MM-DD` and should return `true` if the date should be disabled.
-     */
-    disabledDateFilter?: (date: string) => boolean;
-    /**
-     * The latest enabled date. Dates after this are disabled on the calendar. This does not affect what users can type into the picker.
-     */
-    maxDate?: string;
-    /**
-     * The earliest enabled date. Dates before this are disabled on the calendar. This does not affect what users can type into the picker.
-     */
-    minDate?: string;
-    /**
-     * The icon shown in the picker.
-     */
-    icon?: React.ComponentType<DropdownIndicatorProps<OptionType>>;
-    /**
-     * Set the id of the field.
-     * Associates a `<label></label>` with the field.
-     */
-    id?: string;
-    /**
-     * Props to apply to the container.
-     */
-    innerProps?: React.AllHTMLAttributes<HTMLElement>;
-    /**
-     * Set if the picker is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * Set if the picker is open.
-     */
-    isOpen?: boolean;
-    /**
-     * The name of the field.
-     */
-    name?: string;
-    /**
-     * The aria-label attribute associated with the next-month arrow.
-     */
-    nextMonthLabel?: string;
-    /**
-     * Called when the field is blurred.
-     */
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * Called when the value changes. The only argument is an ISO time or empty string.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Called when the field is focused.
-     */
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * A function for parsing input characters and transforming them into a Date object.
-     * By default parses the date string based off the locale.
-     */
-    parseInputValue?: (date: string, dateFormat: string) => Date;
-    /**
-     * A function for formatting the date displayed in the input. By default composes together [date-fn's parse method](https://date-fns.org/v1.29.0/docs/parse) and [date-fn's format method](https://date-fns.org/v1.29.0/docs/format) to return a correctly formatted date string.
-     */
-    formatDisplayLabel?: (value: string, dateFormat: string) => string;
-    /**
-     * The aria-label attribute associated with the previous-month arrow.
-     */
-    previousMonthLabel?: string;
-    /**
-     * Props to apply to the select. This can be used to set options such as placeholder text.
-     *  See [the `Select` documentation for further information](/components/select).
-     */
-    selectProps?: SelectProps<any>;
-    /**
-     * The spacing for the select control.
-     *
-     * Compact is `gridSize() * 4`, default is `gridSize * 5`.
-     */
-    spacing?: Spacing;
-    /**
-     * The ISO time used as the input value.
-     */
-    value?: string;
-    /**
-     * Set if the picker has an invalid value.
-     */
-    isInvalid?: boolean;
-    /**
-     * Hides icon for dropdown indicator.
-     */
-    hideIcon?: boolean;
-    /**
-     * Format the date with a string that is accepted by [date-fn's format function](https://date-fns.org/v1.29.0/docs/format).
-     */
-    dateFormat?: string;
-    /**
-     * Placeholder text displayed in input.
-     */
-    placeholder?: string;
-    /**
-     * Locale used to format the date and calendar. See [DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat).
-     */
-    locale?: string;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
-     *  - `{testId}--container` wrapping element of date-picker
-     *  - `{testId}--calendar--container` nested calendar component
-     */
-    testId?: string;
-    /**
-     * Start day of the week for the calendar.
-     * - `0` sunday (default value)
-     * - `1` monday
-     * - `2` tuesday
-     * - `3` wednesday
-     * - `4` thursday
-     * - `5` friday
-     * - `6` saturday
-     */
-    weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-}
+import { ActionMeta, DropdownIndicatorProps, InputActionMeta, OptionType, ValueType } from '@atlaskit/select';
+import { Appearance, DatePickerBaseProps, Spacing } from '../types';
 type DatePickerProps = typeof datePickerDefaultProps & DatePickerBaseProps;
 interface State {
     isOpen: boolean;
@@ -267,7 +120,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
     render(): jsx.JSX.Element;
 }
 export { DatePicker as DatePickerWithoutAnalytics };
-declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof WithAnalyticsEventsProps>, "testId" | "value" | "placeholder" | "maxDate" | "minDate" | "isOpen" | "nextMonthLabel" | "parseInputValue" | "formatDisplayLabel" | "previousMonthLabel" | "dateFormat" | "weekStartDay"> & Partial<Pick<Omit<DatePickerProps, keyof WithAnalyticsEventsProps>, "icon" | "disabled" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "id" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "disabledDateFilter" | "name" | "spacing" | "isInvalid" | "hideIcon" | "locale">> & Partial<Pick<{
+declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "value" | "placeholder" | "maxDate" | "minDate" | "isOpen" | "nextMonthLabel" | "parseInputValue" | "formatDisplayLabel" | "previousMonthLabel" | "dateFormat" | "weekStartDay"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "icon" | "disabled" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "id" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "disabledDateFilter" | "name" | "spacing" | "isInvalid" | "hideIcon" | "locale">> & Partial<Pick<{
     appearance: Appearance;
     autoFocus: boolean;
     defaultIsOpen: boolean;

package/dist/types/components/date-time-picker.d.ts

@@ -1,119 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { SelectProps } from '@atlaskit/select';
-import { Appearance, Spacing } from '../types';
-import { DatePickerBaseProps as DatePickerProps } from './date-picker';
-import { TimePickerBaseProps as TimePickerProps } from './time-picker';
-export interface DateTimePickerBaseProps extends WithAnalyticsEventsProps {
-    /**
-     * Set the appearance of the picker.
-     *
-     * `subtle` will remove the borders and background.
-     */
-    appearance?: Appearance;
-    /**
-     * Set the picker to autofocus on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * The default for `value`.
-     */
-    defaultValue?: string;
-    /**
-     * Set the id of the field.
-     */
-    id?: string;
-    /**
-     * Props to apply to the container. *
-     */
-    innerProps?: React.AllHTMLAttributes<HTMLElement>;
-    /**
-     * Set if the field is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * The name of the field.
-     */
-    name?: string;
-    /**
-     * Called when the field is blurred.
-     */
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * Called when the value changes and the date / time is a complete value, or empty. The only value is an ISO string or empty string.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Called when the field is focused.
-     */
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * The ISO time that should be used as the input value.
-     */
-    value?: string;
-    /**
-     * Set if users can edit the input, allowing them to add custom times.
-     */
-    timeIsEditable?: boolean;
-    /**
-     * Set if the picker has an invalid value.
-     */
-    isInvalid?: boolean;
-    /**
-     * Format the date with a string that is accepted by [date-fns's format function](https://date-fns.org/v1.29.0/docs/format).
-     */
-    dateFormat?: string;
-    /**
-     * Props applied to the `DatePicker`.
-     */
-    datePickerProps?: DatePickerProps;
-    /**
-     * Props applied to the `TimePicker`.
-     */
-    timePickerProps?: TimePickerProps;
-    /**
-     * Function used to parse datetime values into their date, time and timezone sub-values. *
-     */
-    parseValue?: (dateTimeValue: string, date: string, time: string, timezone: string) => {
-        dateValue: string;
-        timeValue: string;
-        zoneValue: string;
-    };
-    /**
-     * [Select props](/components/select) to pass onto the `DatePicker` component's `Select`. This can be used to set options such as placeholder text.
-     */
-    datePickerSelectProps?: SelectProps<any>;
-    /**
-     * [Select props](/components/select) to pass onto the `TimePicker` component's `Select`. This can be used to set options such as placeholder text.
-     */
-    timePickerSelectProps?: SelectProps<any>;
-    /**
-     * The times shown by the `TimePicker`.
-     */
-    times?: Array<string>;
-    /**
-     * The format that times are displayed in. Values should be those accepted by [date-fns's format function](https://date-fns.org/v1.29.0/docs/format).
-     */
-    timeFormat?: string;
-    /**
-     * The spacing for the select control.
-     *
-     * Compact is `gridSize() * 4`, default is `gridSize() * 5`.
-     */
-    spacing?: Spacing;
-    /**
-     * Locale used for formatting dates and times. See [DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat).
-     */
-    locale?: string;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
-     *  - `{testId}--datepicker--container` wrapping element of date-picker
-     *  - `{testId}--timepicker--container` wrapping element of time-picker
-     */
-    testId?: string;
-}
+import { DateTimePickerBaseProps } from '../types';
 type DateTimePickerProps = typeof dateTimePickerDefaultProps & DateTimePickerBaseProps;
 interface State {
     dateValue: string;
@@ -193,7 +81,7 @@ declare class DateTimePicker extends React.Component<DateTimePickerProps, State>
     render(): jsx.JSX.Element;
 }
 export { DateTimePicker as DateTimePickerWithoutAnalytics };
-declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<DateTimePickerProps, keyof WithAnalyticsEventsProps>, "testId" | "value" | "dateFormat" | "timeFormat" | "parseValue"> & Partial<Pick<Omit<DateTimePickerProps, keyof WithAnalyticsEventsProps>, "times" | "innerProps" | "isDisabled" | "appearance" | "id" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "name" | "spacing" | "isInvalid" | "locale" | "timeIsEditable" | "datePickerProps" | "timePickerProps" | "datePickerSelectProps" | "timePickerSelectProps">> & Partial<Pick<{
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "value" | "dateFormat" | "timeFormat" | "parseValue"> & Partial<Pick<Omit<DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "innerProps" | "isDisabled" | "appearance" | "id" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "name" | "spacing" | "isInvalid" | "locale" | "timeIsEditable" | "datePickerProps" | "timePickerProps" | "datePickerSelectProps" | "timePickerSelectProps">> & Partial<Pick<{
     appearance: string;
     autoFocus: boolean;
     isDisabled: boolean;
@@ -213,5 +101,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<DateTimeP
     times: string[];
     spacing: string;
     locale: string;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "innerProps" | "isDisabled" | "appearance" | "value" | "id" | "key" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "name" | "spacing" | "isInvalid" | "dateFormat" | "locale" | "analyticsContext" | "timeIsEditable" | "timeFormat" | "datePickerProps" | "timePickerProps" | "parseValue" | "datePickerSelectProps" | "timePickerSelectProps"> & React.RefAttributes<any>>;
+}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "innerProps" | "isDisabled" | "appearance" | "value" | "id" | "key" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "name" | "spacing" | "isInvalid" | "dateFormat" | "locale" | "timeIsEditable" | "timeFormat" | "datePickerProps" | "timePickerProps" | "parseValue" | "datePickerSelectProps" | "timePickerSelectProps" | "analyticsContext"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/components/time-picker.d.ts

@@ -1,117 +1,6 @@
 import React from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { ActionMeta, OptionType, SelectProps, ValueType } from '@atlaskit/select';
-import { Appearance, Spacing } from '../types';
-export interface TimePickerBaseProps extends WithAnalyticsEventsProps {
-    /**
-     * Set the appearance of the picker.
-     * `subtle` will remove the borders, background, and icon.
-     *
-     * __NOTE:__ Appearance values will be ignored if styles are parsed through `selectProps`.
-     */
-    appearance?: Appearance;
-    /**
-     * Set the picker to autofocus on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * The default for `isOpen`.
-     */
-    defaultIsOpen?: boolean;
-    /**
-     * The default for `value`.
-     */
-    defaultValue?: string;
-    /**
-     * A function for formatting the displayed time value in the input. By default parses with an internal time parser, and formats using the [date-fns format function]((https://date-fns.org/v1.29.0/docs/format))
-     */
-    formatDisplayLabel?: (time: string, timeFormat: string) => string;
-    /**
-     * Set the id of the field.
-     * Associates a `<label></label>` with the field.
-     */
-    id?: string;
-    /**
-     * Props to apply to the container. *
-     */
-    innerProps?: React.AllHTMLAttributes<HTMLElement>;
-    /**
-     * Set if the field is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * Set if the dropdown is open. Will be `false` if not provided.
-     */
-    isOpen?: boolean;
-    /**
-     * The name of the field.
-     */
-    name?: string;
-    /**
-     * Called when the field is blurred.
-     */
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    /**
-     * Called when the value changes. The only argument is an ISO time or empty string.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Called when the field is focused.
-     */
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    /**
-     * A function for parsing input characters and transforming them into either a string or a Date object.
-     * By default parses the string based off the locale.
-     */
-    parseInputValue?: (time: string, timeFormat: string) => string | Date;
-    /**
-     * Props to apply to the select.
-     */
-    selectProps?: SelectProps<any>;
-    /**
-     * The spacing for the select control.
-     *
-     * Compact is `gridSize() * 4`, default is `gridSize * 5`.
-     */
-    spacing?: Spacing;
-    /**
-     * The times shown in the dropdown.
-     */
-    times?: string[];
-    /**
-     * Set if users can edit the input, allowing them to add custom times.
-     */
-    timeIsEditable?: boolean;
-    /**
-     * The ISO time that should be used as the input value.
-     */
-    value?: string;
-    /**
-     * Set if the picker has an invalid value.
-     */
-    isInvalid?: boolean;
-    /**
-     * Hides icon for dropdown indicator.
-     */
-    hideIcon?: boolean;
-    /**
-     * Time format that is accepted by [date-fns's format function](https://date-fns.org/v1.29.0/docs/format).
-     */
-    timeFormat?: string;
-    /**
-     * Placeholder text displayed in input.
-     */
-    placeholder?: string;
-    /**
-     * Locale used to format the time. See [DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat).
-     */
-    locale?: string;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests:
-     *  - `{testId}--container` wrapping element of time-picker
-     */
-    testId?: string;
-}
+import { ActionMeta, OptionType, ValueType } from '@atlaskit/select';
+import { Appearance, Spacing, TimePickerBaseProps } from '../types';
 type TimePickerProps = typeof timePickerDefaultProps & TimePickerBaseProps;
 interface State {
     isOpen: boolean;
@@ -189,7 +78,7 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
     render(): JSX.Element;
 }
 export { TimePicker as TimePickerWithoutAnalytics };
-declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof WithAnalyticsEventsProps>, "testId" | "value" | "placeholder" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof WithAnalyticsEventsProps>, "times" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "id" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "name" | "parseInputValue" | "spacing" | "isInvalid" | "hideIcon" | "locale" | "timeIsEditable">> & Partial<Pick<{
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "value" | "placeholder" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "id" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "name" | "parseInputValue" | "spacing" | "isInvalid" | "hideIcon" | "locale" | "timeIsEditable">> & Partial<Pick<{
     appearance: Appearance;
     autoFocus: boolean;
     defaultIsOpen: boolean;
@@ -209,5 +98,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePicke
     times: string[];
     timeIsEditable: boolean;
     locale: string;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "value" | "id" | "key" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "locale" | "analyticsContext" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
+}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "value" | "id" | "key" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "locale" | "timeIsEditable" | "timeFormat" | "analyticsContext"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/index.d.ts

@@ -1,7 +1,4 @@
 export { default as DatePicker } from './components/date-picker';
-export type { DatePickerBaseProps as DatePickerProps } from './components/date-picker';
 export { default as TimePicker } from './components/time-picker';
-export type { TimePickerBaseProps as TimePickerProps } from './components/time-picker';
 export { default as DateTimePicker } from './components/date-time-picker';
-export type { DateTimePickerBaseProps as DateTimePickerProps } from './components/date-time-picker';
-export type { Appearance, Spacing } from './types';
+export type { Appearance, Spacing, DatePickerBaseProps as DatePickerProps, TimePickerBaseProps as TimePickerProps, DateTimePickerBaseProps as DateTimePickerProps, } from './types';