fix popover padding and range calendar translation

Author: snowystinger

packages/@react-spectrum/s2/src/RangeCalendar.tsx

@@ -103,7 +103,7 @@ export const RangeCalendar = /*#__PURE__*/ (forwardRef as forwardRefType)(functi
             </div>
             {isInvalid && (
               <Text slot="errorMessage" className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>
-                {errorMessage || stringFormatter.format('invalidSelection', {selectedCount: 2})}
+                {errorMessage || stringFormatter.format('calendar.invalidSelection', {selectedCount: 2})}
               </Text>
             )}
           </>

starters/docs/src/Dialog.css

@@ -2,17 +2,16 @@
 
 .react-aria-Dialog {
   outline: none;
-  padding: 30px;
   max-height: inherit;
   box-sizing: border-box;
   overflow: auto;
 
-  &.no-padding {
-    padding: 0;
-  }
-
   .react-aria-Heading[slot=title] {
     line-height: 1em;
     margin-top: 0;
   }
 }
+
+.dialog-padding {
+  padding: 30px;
+}

starters/docs/src/Popover.tsx

@@ -18,7 +18,7 @@ export function Popover({ children, hideArrow, noPadding, ...props }: PopoverPro
   return (
     (
       <AriaPopover {...props} className={clsx("react-aria-Popover react-aria-Dialog", props.className, {
-        'no-padding': noPadding
+        'dialog-padding': !noPadding
       })}>
         {!hideArrow && (
           <OverlayArrow>