mirror of
https://github.com/Unleash/unleash.git
synced 2025-08-04 13:48:56 +02:00
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 |