add blurb about the css changes in rac docs

Author: yihuiliao

packages/react-aria-components/docs/DateField.mdx

@@ -155,6 +155,10 @@ If the date field does not have a visible label, an `aria-label` or `aria-labell
 
 Note that most of this anatomy is shared with [TimeField](TimeField.html), so you can reuse many components between them if you have both.
 
+### Internationalization
+
+To ensure the proper date and time format in RTL locales, `DateInput` must have `display` set to either `inline`, `inline-block`, or `block`. 
+
 ### Concepts
 
 `DateField` makes use of the following concepts:

packages/react-aria-components/docs/DatePicker.mdx

@@ -195,6 +195,10 @@ If the date picker does not have a visible label, an `aria-label` or `aria-label
 
 Note that most of this anatomy is shared with [DateRangePicker](DateRangePicker.html), so you can reuse many components between them if you have both.
 
+### Internationalization
+
+To ensure the proper date and time format in RTL locales, `DateInput` must have `display` set to either `inline`, `inline-block`, or `block`. 
+
 ### Concepts
 
 `DatePicker` makes use of the following concepts:

packages/react-aria-components/docs/DateRangePicker.mdx

@@ -232,6 +232,10 @@ If the date range picker does not have a visible label, an `aria-label` or `aria
 
 Note that most of this anatomy is shared with [DatePicker](DatePicker.html), so you can reuse many components between them if you have both.
 
+### Internationalization
+
+To ensure the proper date and time format in RTL locales, `DateInput` must have `display` set to either `inline`, `inline-block`, or `block`. 
+
 ### Concepts
 
 `DateRangePicker` makes use of the following concepts: