mirror of
https://github.com/Unleash/unleash.git
synced 2025-10-27 11:02:16 +01:00
02d4edbf40
Adds an example date as a detail of the locale picker, so that the user can see what effect their chosen locale would have on date formatting: <img width="436" height="157" alt="image" src="https://github.com/user-attachments/assets/d5757380-3cda-4857-99d7-bac8866d31f5" /> The example wraps on smaller screens: <img width="291" height="207" alt="image" src="https://github.com/user-attachments/assets/e3ef1678-6846-4027-b563-253195e2de99" /> The example date is the **date and time of the very first commit in the Unleash repo**. By some stroke of luck, it happens to have everything we're looking for: - A date that is more than the 12th (to clearly differentiate between days and months) - A month that is less than 10 (to show whether leading zeroes are shown or not) - An hour that is more than 11 to show whether it's a 24-hour clock or an AM/PM system The date string is without a time zone offset because that means it'll always be interpreted as local time for the user. MDN's [docs on Date and what happens when you call it with a time string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#date_time_string_format) state that: > When the time zone offset is absent, date-only forms are interpreted as a UTC time and **date-time forms are interpreted as a local time**. I've checked this by changing my locale. With the timezone offset, the time changes based on my timezone, but without it, it always shows as the expected value. |
||
|---|---|---|
| .. | ||
| api-payload-constraint-replacer.test.ts | ||
| api-payload-constraint-replacer.ts | ||
| apiUtils.ts | ||
| arraysHaveSameItems.test.ts | ||
| arraysHaveSameItems.ts | ||
| calculatePercentage.ts | ||
| capitalizeFirst.ts | ||
| cleanConstraint.test.ts | ||
| cleanConstraint.ts | ||
| createEmptyConstraint.ts | ||
| createFeatureStrategy.test.ts | ||
| createFeatureStrategy.ts | ||
| createLocalStorage.ts | ||
| cyclicIterator.test.ts | ||
| cyclicIterator.ts | ||
| deepOmit.test.ts | ||
| deepOmit.ts | ||
| env.test.ts | ||
| env.ts | ||
| format-tag.ts | ||
| formatAccessText.test.ts | ||
| formatAccessText.ts | ||
| formatConstraintValue.ts | ||
| formatDate.ts | ||
| formatOperatorDescription.ts | ||
| formatPath.test.ts | ||
| formatPath.ts | ||
| formatUnknownError.test.ts | ||
| formatUnknownError.ts | ||
| getFeatureMetrics.ts | ||
| getFeatureTypeIcons.ts | ||
| getTechnicalDebtColor.ts | ||
| instanceTrial.test.ts | ||
| instanceTrial.ts | ||
| nonEmptyArray.ts | ||
| objectId.test.ts | ||
| objectId.ts | ||
| operatorsForContext.ts | ||
| paginate.test.ts | ||
| paginate.ts | ||
| parseParameter.test.ts | ||
| parseParameter.ts | ||
| permissions.ts | ||
| projectFilterGenerator.ts | ||
| removeEmptyStringFields.test.ts | ||
| removeEmptyStringFields.ts | ||
| reorderObject.test.ts | ||
| reorderObject.ts | ||
| resizeScreen.ts | ||
| routePathHelpers.ts | ||
| search.ts | ||
| serializeQueryParams.ts | ||
| sortStrategyParameters.test.ts | ||
| sortStrategyParameters.ts | ||
| sortTypes.test.ts | ||
| sortTypes.ts | ||
| storage.test.ts | ||
| storage.ts | ||
| strategyNames.tsx | ||
| testIds.ts | ||
| testRenderer.tsx | ||
| testServer.ts | ||
| traffic-calculations.test.ts | ||
| traffic-calculations.ts | ||
| unique-change-request-id.ts | ||
| unique.ts | ||
| unknownify.ts | ||
| validateParameterValue.test.ts | ||
| validateParameterValue.ts | ||
| variants.ts | ||
| withTableState.test.tsx | ||
| withTableState.ts | ||