Calendar

d82e6f76528ab, (opens new window) - Add direct subpath package exports as part of the linking-platform, search, media, and design-system barrel-removal (de-barrel) migration.

These packages now expose their individual modules via explicit package.json exports subpaths so that consumers can import directly from the leaf module (e.g. @atlaskit/pkg/thing) instead of the package barrel/index. This adds new public entry points without changing or removing any existing exports, so it is a backwards-compatible additive change.

No runtime behaviour changes; this is an API-surface (entry-point) addition to support tree-shaking and to unblock removal of the barrel index files.

f0bf5f838abd5, (opens new window) - Apply Volt entry-point and barrel-removal standards across these packages. Public exports now resolve directly to ./src/* implementations instead of intermediate ./src/entry-points/* re-exports.

Prefer published subpaths over the package root or internal entry-point paths:

If you imported through internal entry-point modules, switch to the public subpath:

cd097a2111788, (opens new window) - Republish packages depending on @atlaskit/react-compiler-gating so their published dependency reference is updated to the renamed @atlaskit/react-compiler-gating scope.

The earlier rename of @atlassian/react-compiler-gating to @atlaskit/react-compiler-gating only bumped the renamed package itself, so dependent packages were never republished and their published versions still referenced the old @atlassian/react-compiler-gating name, which is not available in the public npm registry. This minor bump republishes all affected packages with the corrected dependency.

f2dc9097319f0, (opens new window) - ### Dropped support for legacy Typescript 4 types. Typescript 5 is now the new minimum.

Removes the typesVersions property and dist/types-ts4.5 directory from the dist.

Types are now exclusively via the "types": "dist/types/index.d.ts" property.

#117363, (opens new window) 10a0f7f6c2027, (opens new window) - This package's peerDependencies have been adjusted for react and/or react-dom to reflect the status of only supporting React 18 going forward. No explicit breaking change to React support has been made in this release, but this is to signify going forward, breaking changes for React 16 or React 17 may come via non-major semver releases.

Please refer this community post for more details: https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026, (opens new window)

#177508, (opens new window) a58e08c43671b, (opens new window) - Migrated from @emotion/react to @compiled/react in order to improve performance, align with the rest of the Atlaskit techstack, and support React 18 Streaming SSR.

Please note, in order to use this version of @atlaskit/calendar, you will need to ensure that your bundler is configured to handle .css imports correctly. Most bundlers come with built-in support for .css imports, so you may not need to do anything. If you are using a different bundler, please refer to the documentation for that bundler to understand how to handle .css imports.

For more information on the migration, please refer to RFC-73 Migrating our components to Compiled CSS-in-JS, (opens new window).

#127511, (opens new window) db30e29344013, (opens new window) - Widening range of react and react-dom peer dependencies from ^16.8.0 || ^17.0.0 || ~18.2.0 to the wider range of ``^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).

This change has been done to enable usage of react@18.3 as well as to have a consistent peer dependency range for react and react-dom for /platform packages.

#28165, (opens new window) 642298a54dc, (opens new window) - Major changes:

• Removing support for legacy dark mode.

Minor changes:

• Removal of row containers in day of month grid.
• Vertically center heading inside the calendar.
• Minor changes to visual layout to conform to design system tokens.
• Composition change of DOM elements in day of week header.
• Remove hardcoded width: 289px. Calendar now fills natural width of content.

#12328, (opens new window) 4ab5a7e9069, (opens new window) - ### Major:

Removes defaultDisabled prop, a stateless/uncontrolled variant of the disabled prop. As a stateless calendar would never change its disabled dates, this prop was unnecessary.

Adds three props to make disabling dates more practical, performant and expressive in @atlaskit/calendar. These features are also available for DatePicker:

• minDate for the minimum valid date
• maxDate for the maximum valid date
• disabledDateFilter, a function that takes a date string, and returns whether or not it should be disabled.

• Disabled dates that lie outside of the currently selected month now have correct hover styles

#9083, (opens new window) 8ed4c2efc42, (opens new window) - In this version we made calendar dramatically faster and lighter 🤩

• General performance improvements
• Moved from using tables to CSS grid to display the days
• Removed unnecessary DOM elements
• The className and style props have been added
• BREAKING The innerProps prop has been removed, generally consumers have only used this for style props which are now available directly

Running the codemod cli

To run the codemod: You first need to have the latest version installed

Once upgraded, use @atlaskit/codemod-cli via npx:

The CLI will show a list of components and versions so select @atlaskit/calendar@^11.0.0 and you will automatically be upgraded. If your usage of calendar cannot be upgraded a comment will be left that a manual change is required.

Run npx @atlaskit/codemod-cli -h for more details on usage. For Atlassians, refer to the documentation, (opens new window) for more details on the codemod CLI.

#8644, (opens new window) 79c23df6340, (opens new window) - Use injected package name and version for analytics instead of version.json.

42785088a12, (opens new window) - - Migrate old entry points to new one. Calendar now has only following exports:

• default export. Can be imported like:
  • import Calendar from '@atlaskit/calendar'
• named type exports (CalendarProps, ChangeEvent, SelectEvent). Can be imported like:
  • import { CalendarProps, ChangeEvent, SelectEvent } from '@atlaskit/calendar'
  • import { CalendarProps, ChangeEvent, SelectEvent } from '@atlaskit/calendar/types'.

Internal change

• Remove reference of private types and props from the documentation. Right now private type is CalendarInternalRef and private prop is calendarRef.
• Rename calendar exported private ref type from CalendarInternalRef to CalendarRef.
• Rename calendar private prop from internalRef to calendarRef.

f74ba30c53c, (opens new window) - Internal change

• We have improved re-rendering quite a bit by memoizing components, loops and rendered elements.
• Duplicate "pad-to-two" util has been removed.
• Refactored few variables/functions/types.
• Extracted out few components for readability purpose.

Updated dependencies

#8178, (opens new window) d069f7834ef, (opens new window) - Calendar now accepts a weekStartDay prop that controls which day of the week should be used at the start. This prop accepts the following values:

• 0 sunday (default value)
• 1 monday
• 2 tuesday
• 3 wednesday
• 4 thursday
• 5 friday
• 6 saturday

ccde1b6b939, (opens new window) - Convert all styles of Calendar from styled-components to emotion CSS and apply different styles via data-attributes. Internally theme mode is now accessed via Global theme context and used to generate colors.

e20f4c2806e, (opens new window) - Improvement in internal analytics performance

Dev changes

• Migrated from @atlaskit/analytics-next React HOC to React hooks. This improved re-rendering quite a bit.

aedbf4ed383, (opens new window) - Internal change

We have removed calendar-base, (opens new window) dependency which was not maintained for quite sometime and moved its logic internally. This will help us fixing any issue we might get or any new functionality we might want to support.

Updated dependencies

• 0 sunday (default value)
• 1 monday
• 2 tuesday
• 3 wednesday
• 4 thursday
• 5 friday
• 6 saturday

• We have converted all the components from class to functional. This improved performance quite a bit. Initial rendering, hydration, interaction, bundlesize and re-rendering; all have been improved.
• We have made all the prop typings optional now. Earlier they were not aligned with the prop values (which were all optional earlier).
• We have stopped exporting internal CalendarClassType and ArrowKeys types which were not compatible with functional components. Instead we have exported CalendarInternalRef type temporarily for backward compatibility and a new optional prop internalRef which consumers can use to access internal api's. Right now only @atlaskit/datetime-picker uses navigate() api for navigation which will be removed soon. This new type and prop are not recommended. So please don't use them.
• We have also exported a new type SelectEvent along with already exported ChangeEvent, which consumers can use with onSelect and onChange prop.
• We have also added ref support which points to the top level element. Earlier it was not officially supported.
• Dev changes includes: folder restructuring and cleanup, lodash removal, memoizing components etc.

#3885, (opens new window) 6c525a8229, (opens new window) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0

Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade to prevent duplicates of tslib being bundled.

[patch]62390c4755, (opens new window):

Change imports to comply with Atlassian conventions- Updated dependencies 6b8e60827e, (opens new window):

Updated dependencies 449ef134b3, (opens new window):

Updated dependencies 57c0487a02, (opens new window):

Updated dependencies 6efb12e06d, (opens new window):

Updated dependencies fd41d77c29, (opens new window):

• @atlaskit/button@13.3.11
• @atlaskit/icon@20.1.1
• @atlaskit/select@11.0.10
• @atlaskit/webdriver-runner@0.3.4

• @atlaskit/docs@8.4.0
• @atlaskit/icon@20.1.0
• @atlaskit/webdriver-runner@0.3.0
• @atlaskit/button@13.3.9
• @atlaskit/select@11.0.9

• @atlaskit/webdriver-runner@0.2.0
• @atlaskit/button@13.3.8
• @atlaskit/select@11.0.8

[patch]6548261c9a, (opens new window):

Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies 6548261c9a, (opens new window):

• @atlaskit/docs@8.3.2
• @atlaskit/analytics-next@6.3.5
• @atlaskit/button@13.3.7
• @atlaskit/icon@20.0.1
• @atlaskit/select@11.0.7
• @atlaskit/theme@9.5.1
• @atlaskit/locale@1.0.5

• @atlaskit/icon@20.0.0
• @atlaskit/locale@1.0.4
• @atlaskit/docs@8.3.1
• @atlaskit/button@13.3.6
• @atlaskit/select@11.0.6

[patch]36f6e99c5b, (opens new window):

Fix type errors caused when generating declaration files

• @atlaskit/select@11.0.0
• @atlaskit/button@13.3.4
• @atlaskit/locale@1.0.2

[minor]7fe4bcf86d, (opens new window):

Adding an optional prop testId that will set the attribute value data-testid. It will help products to write better integration and end to end tests.

[patch]35d2229b2a, (opens new window):

Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.

[minor]cc42bbc6ad, (opens new window):

Exporting type of Calendar class and some components are relying on it

[patch]a2d0043716, (opens new window):

Updated version of analytics-next to fix potential incompatibilities with TS 3.6

[major]8c725d46ec, (opens new window):

@atlaskit/calendar has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No API or behavioural changes.

[minor]e3d466543f, (opens new window):

Add locale support for Calendar/DateTimePicker/DatePicker/TimePicker:

• New prop locale enables localization for date/time format in DatePicker, TimePicker and DateTimePicker, and months/days in Calendar.
• Deprecated dateFormat, timeFormat and formatDisplayLabel props. Please use locale instead. If provided, these props will override locale.
• Default date/time placeholders now use locale to format the date.
• The default date parser for DatePicker has been changed from date-fns.parse to one based on the locale prop and accept text in a format that matches the placeholder.

[patch]097b696613, (opens new window):

Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports

[patch]ecca4d1dbb, (opens new window):

Upgraded Typescript to 3.3.x

[patch]708028db86, (opens new window):

Change all the imports to theme in Core to use multi entry points

[patch]de35ce8c67, (opens new window):

Updates component maintainers

• @atlaskit/analytics-next@6.0.0
• @atlaskit/button@13.1.2

[patch]ebfeb03eb7, (opens new window):

popper has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No API or behavioural changes.

[patch]9f8ab1084b, (opens new window):

Consume analytics-next ts type definitions as an ambient declaration.

• @atlaskit/docs@8.1.3
• @atlaskit/button@13.0.9
• @atlaskit/icon@19.0.0

[patch]4615439434, (opens new window):

index.ts will now be ignored when publishing to npm

• @atlaskit/docs@8.1.2
• @atlaskit/button@13.0.8
• @atlaskit/icon@18.0.0

• Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use this package, please ensure you use at least this version of react and react-dom.

• @atlaskit/docs@7.0.3
• @atlaskit/button@12.0.3
• @atlaskit/icon@16.0.9
• @atlaskit/theme@8.1.7

• @atlaskit/docs@7.0.2
• @atlaskit/analytics-next@4.0.3
• @atlaskit/icon@16.0.8
• @atlaskit/theme@8.1.6
• @atlaskit/button@12.0.0

• @atlaskit/docs@7.0.1
• @atlaskit/analytics-next@4.0.1
• @atlaskit/icon@16.0.5
• @atlaskit/theme@8.0.1
• @atlaskit/button@11.0.0

• Internal changes only. Calendar is now ssr-friendly.

• @atlaskit/button@10.1.3
• @atlaskit/icon@16.0.4
• @atlaskit/docs@7.0.0
• @atlaskit/analytics-next@4.0.0
• @atlaskit/theme@8.0.0

• @atlaskit/docs@6.0.1
• @atlaskit/button@10.1.2
• @atlaskit/icon@16.0.0

• @atlaskit/analytics-next@3.1.2
• @atlaskit/button@10.1.1
• @atlaskit/icon@15.0.2
• @atlaskit/theme@7.0.1
• @atlaskit/docs@6.0.0

• @atlaskit/docs@5.2.3
• @atlaskit/button@10.0.4
• @atlaskit/icon@15.0.1
• @atlaskit/theme@7.0.0

• @atlaskit/docs@5.2.2
• @atlaskit/button@10.0.1
• @atlaskit/icon@15.0.0

• @atlaskit/docs@5.2.1
• @atlaskit/analytics-next@3.1.1
• @atlaskit/icon@14.6.1
• @atlaskit/theme@6.2.1
• @atlaskit/button@10.0.0

• Remove enzyme-to-json as it is used in our jestFrameworkSetup.js

• Refine and fix some flow type errors found by fixing @atlaskit/analytics-next HOCs to allow flow to type check properly

• @atlaskit/docs@5.0.8
• @atlaskit/button@9.0.13
• @atlaskit/icon@14.0.0

• @atlaskit/theme@6.0.0
• @atlaskit/icon@13.2.5
• @atlaskit/button@9.0.6
• @atlaskit/docs@5.0.6

• @atlaskit/analytics-next@3.0.4
• @atlaskit/button@9.0.5
• @atlaskit/theme@5.1.3
• @atlaskit/icon@13.2.4

• @atlaskit/icon@13.2.2
• @atlaskit/button@9.0.4
• @atlaskit/theme@5.1.2
• @atlaskit/analytics-next@3.0.3
• @atlaskit/docs@5.0.2

• @atlaskit/analytics-next@3.0.2
• @atlaskit/button@9.0.3
• @atlaskit/theme@5.1.1
• @atlaskit/icon@13.2.1

• @atlaskit/analytics-next@3.0.1
• @atlaskit/button@9.0.2
• @atlaskit/docs@5.0.1

• @atlaskit/analytics-next@3.0.0
• @atlaskit/button@9.0.0
• @atlaskit/theme@5.0.0
• @atlaskit/docs@5.0.0
• @atlaskit/icon@13.0.0

• @atlaskit/analytics-next@3.0.0
• @atlaskit/button@9.0.0
• @atlaskit/theme@5.0.0
• @atlaskit/docs@5.0.0
• @atlaskit/icon@13.0.0

• @atlaskit/button@8.2.2
• @atlaskit/icon@12.3.1

• @atlaskit/button@8.1.2
• @atlaskit/theme@4.0.4
• @atlaskit/icon@12.1.2

• @atlaskit/theme@4.0.3
• @atlaskit/icon@12.1.1
• @atlaskit/button@8.1.1
• @atlaskit/docs@4.1.1

• @atlaskit/icon@12.1.0
• @atlaskit/docs@4.1.0
• @atlaskit/theme@4.0.2
• @atlaskit/button@8.1.0

• @atlaskit/icon@12.0.1
• @atlaskit/button@8.0.1
• @atlaskit/theme@4.0.1
• @atlaskit/docs@4.0.1

• @atlaskit/icon@12.0.0
• @atlaskit/button@8.0.0
• @atlaskit/theme@4.0.0
• @atlaskit/docs@4.0.0

• @atlaskit/icon@11.3.0
• @atlaskit/button@7.2.5
• @atlaskit/theme@3.2.2
• @atlaskit/docs@3.0.4