@atlaskit/datetime-picker 18.3.1 → 18.4.1

package/dist/types/internal/format-date.d.ts

@@ -15,7 +15,7 @@
  * If component _only_ has injected variables, it is fully internal and was
  * broken out to be it's own function.
  */
-import { type LocalizationProvider } from '@atlaskit/locale';
+import type { LocalizationProvider } from '@atlaskit/locale/localization-provider';
 export declare const formatDate: (value: string, di: {
     formatDisplayLabel: ((value: string, dateFormat: string) => string) | undefined;
     dateFormat: string | undefined;

package/dist/types/internal/get-placeholder.d.ts

@@ -15,7 +15,7 @@
  * If component _only_ has injected variables, it is fully internal and was
  * broken out to be it's own function.
  */
-import { type LocalizationProvider } from '@atlaskit/locale';
+import type { LocalizationProvider } from '@atlaskit/locale/localization-provider';
 export declare const getPlaceholder: (di: {
     placeholder: string | undefined;
     l10n: LocalizationProvider;

package/dist/types/internal/indicators-container.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type IndicatorsContainerProps } from '@atlaskit/select';
+import type { IndicatorsContainerProps } from '@atlaskit/select/types';
 export declare const IndicatorsContainer: ({ showClearIndicator, ...rest }: IndicatorsContainerProps<any> & {
     showClearIndicator?: boolean;
 }) => JSX.Element;

package/dist/types/internal/menu-top-layer.d.ts

@@ -2,14 +2,12 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type MenuProps, type OptionType } from '@atlaskit/select';
+import type { MenuProps, OptionType } from '@atlaskit/select/types';
 /**
  * Top-layer version of the date picker menu.
  *
- * Uses `Popover` + `useAnchorPosition` so the calendar renders in the
- * browser's top layer via the native Popover API and is positioned via
- * CSS Anchor Positioning. This avoids overflow clipping, z-index wars,
- * and portal-based layering.
+ * The surrounding react-select menu portal owns the native popover and
+ * positioning. This component only supplies the calendar dialog content.
  *
  * Gated behind the `platform-dst-top-layer` feature flag.
  */

package/dist/types/internal/menu.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type MenuProps } from '@atlaskit/select';
+import type { MenuProps } from '@atlaskit/select/types';
 /**
  * This is the menu used in the select of the date picker.
  */

package/dist/types/internal/parse-date.d.ts

@@ -1,4 +1,4 @@
-import { type LocalizationProvider } from '@atlaskit/locale';
+import type { LocalizationProvider } from '@atlaskit/locale/localization-provider';
 /**
  * There are props that can change how the date is parsed.
  * The priority of props used is:

package/dist/types/internal/single-value.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type OptionType, type SingleValueProps } from '@atlaskit/select';
+import type { OptionType, SingleValueProps } from '@atlaskit/select/types';
 /**
  * This creates a functional component that `react-select` will use to make the
  * SingleValue part of the different pickers.

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type DropdownIndicatorProps, type OptionType, type SelectProps } from '@atlaskit/select';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
+import type { DropdownIndicatorProps, OptionType, SelectProps } from '@atlaskit/select/types';
 export type Appearance = 'default' | 'subtle' | 'none';
 export type Spacing = 'compact' | 'default';
 type Combine<First, Second> = Omit<First, keyof Second> & Second;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "18.3.1",
+	"version": "18.4.1",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,20 +32,21 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^12.3.0",
-		"@atlaskit/button": "^25.0.0",
-		"@atlaskit/calendar": "^19.0.0",
+		"@atlaskit/button": "^25.2.0",
+		"@atlaskit/calendar": "^19.1.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/icon": "^37.3.0",
-		"@atlaskit/layering": "^5.0.0",
-		"@atlaskit/locale": "^5.0.0",
+		"@atlaskit/icon": "^37.5.0",
+		"@atlaskit/layering": "^5.1.0",
+		"@atlaskit/locale": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/popper": "^9.1.0",
-		"@atlaskit/primitives": "^22.2.0",
+		"@atlaskit/popper": "^9.3.0",
+		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/select": "^22.6.0",
-		"@atlaskit/tokens": "^16.7.0",
-		"@atlaskit/top-layer": "^4.0.0",
+		"@atlaskit/react-select": "^4.8.0",
+		"@atlaskit/select": "^22.8.0",
+		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/top-layer": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"date-fns": "^2.17.0"
@@ -57,18 +58,18 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/code": "^19.0.0",
+		"@atlaskit/code": "^19.1.0",
 		"@atlaskit/codemod-utils": "^5.0.0",
 		"@atlaskit/docs": "^12.2.0",
-		"@atlaskit/form": "^17.0.0",
-		"@atlaskit/heading": "^7.0.0",
-		"@atlaskit/link": "^5.0.0",
-		"@atlaskit/modal-dialog": "^16.3.0",
-		"@atlaskit/popup": "^6.0.0",
-		"@atlaskit/range": "^12.0.0",
-		"@atlaskit/section-message": "^10.0.0",
-		"@atlaskit/textfield": "^10.0.0",
-		"@atlaskit/toggle": "^17.1.0",
+		"@atlaskit/form": "^17.1.0",
+		"@atlaskit/heading": "^7.1.0",
+		"@atlaskit/link": "^5.1.0",
+		"@atlaskit/modal-dialog": "^16.5.0",
+		"@atlaskit/popup": "^6.2.0",
+		"@atlaskit/range": "^12.1.0",
+		"@atlaskit/section-message": "^10.1.0",
+		"@atlaskit/textfield": "^10.1.0",
+		"@atlaskit/toggle": "^17.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",

package/datetime-picker.docs.tsx

@@ -1,132 +0,0 @@
-import path from 'path';
-
-import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
-
-const documentation: StructuredContentSource = {
-	components: [
-		{
-			name: 'DatePicker',
-			description: 'A component for selecting date values with calendar support.',
-			status: 'general-availability',
-			designSource: {
-				figmaUrl: 'https://go.atlassian.com/figma-library-ads-13285-45993',
-			},
-			import: {
-				name: 'DatePicker',
-				package: '@atlaskit/datetime-picker/date-picker',
-				type: 'default',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Use for date selection only',
-				'Provide clear date formats',
-				'Handle date validation appropriately',
-				'Consider calendar button visibility',
-			],
-			contentGuidelines: [
-				'Use clear, descriptive labels',
-				'Provide helpful placeholder text',
-				'Keep labels concise but descriptive',
-				'Use locale prop for date format localization',
-			],
-			accessibilityGuidelines: [
-				'Ensure proper keyboard navigation',
-				'Use appropriate date formats',
-				'Provide clear date labels',
-				'Consider screen reader announcements',
-			],
-			examples: [
-				{
-					name: 'Date Picker',
-					description: 'Date Picker example',
-					source: path.resolve(__dirname, './examples/ai/date-picker.tsx'),
-				},
-			],
-			keywords: ['date', 'picker', 'calendar', 'selection', 'form'],
-			categories: ['form'],
-		},
-		{
-			name: 'TimePicker',
-			description: 'A component for selecting time values with clock interface.',
-			status: 'general-availability',
-			import: {
-				name: 'TimePicker',
-				package: '@atlaskit/datetime-picker/time-picker',
-				type: 'default',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Use for time selection only',
-				'Provide clear time formats',
-				'Handle time validation appropriately',
-				'Consider editable time input',
-			],
-			contentGuidelines: [
-				'Use clear, descriptive labels',
-				'Provide helpful placeholder text',
-				'Use appropriate time formats',
-				'Keep labels concise but descriptive',
-				'Use locale prop for time format localization (e.g. 12h vs 24h)',
-			],
-			accessibilityGuidelines: [
-				'Ensure proper keyboard navigation',
-				'Use appropriate time formats',
-				'Provide clear time labels',
-				'Consider screen reader announcements',
-			],
-			examples: [
-				{
-					name: 'Time Picker',
-					description: 'Time Picker example',
-					source: path.resolve(__dirname, './examples/ai/time-picker.tsx'),
-				},
-			],
-			keywords: ['time', 'picker', 'clock', 'selection', 'form'],
-			categories: ['form'],
-		},
-		{
-			name: 'DateTimePicker',
-			description: 'A component for selecting both date and time values.',
-			status: 'general-availability',
-			import: {
-				name: 'DateTimePicker',
-				package: '@atlaskit/datetime-picker/date-time-picker',
-				type: 'default',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Use for combined date and time selection',
-				'Provide clear date/time formats',
-				'Handle timezone considerations',
-				'Consider validation requirements',
-			],
-			contentGuidelines: [
-				'Use clear, descriptive labels',
-				'Provide helpful placeholder text',
-				'Use appropriate date/time formats',
-				'Keep labels concise but descriptive',
-				'Use locale prop for date and time format localization',
-			],
-			accessibilityGuidelines: [
-				'Ensure proper keyboard navigation',
-				'Use appropriate date/time formats',
-				'Provide clear date/time labels',
-				'Consider screen reader announcements',
-			],
-			examples: [
-				{
-					name: 'Datetime Picker',
-					description: 'Datetime Picker example',
-					source: path.resolve(__dirname, './examples/ai/datetime-picker.tsx'),
-				},
-			],
-			keywords: ['datetime', 'picker', 'date', 'time', 'calendar'],
-			categories: ['form'],
-		},
-	],
-};
-
-export default documentation;