fix(*): timepicker align fix

Author: iljs

cypress/snapshots/b2c/TimePicker/plasma-b2c TimePicker -- [PLASMA-T2304] TimePicker dropdownAlign=right, columnsQuantity=2, dropdownWidth=fixed.snap.png

@@ -170,13 +170,15 @@ export const base = css`
     &.${classes.timePickerPlacementRight} {
         justify-content: flex-end;
     }
+
+    &.${classes.timePickerFixed} {
+        width: var(${tokens.timePickerWidth});
+    }
 `;
 
 export const StyledTimePicker = styled.div<{ width?: string | number }>`
     background: var(${tokens.timePickerBackground});
     border-radius: var(${tokens.timePickerBorderRadius});
-    width: ${({ width }) =>
-        (width === 'fullWidth' ? `var(${tokens.width})` : width) || `var(${tokens.timePickerWidth})`};
     display: flex;
     padding: var(${tokens.timePickerPadding});
     flex: 1 1 1;

cypress/snapshots/giga/TimePicker/plasma-giga TimePicker -- [PLASMA-T2304] TimePicker dropdownAlign=right, columnsQuantity=2, dropdownWidth=fixed.snap.png

@@ -6,6 +6,7 @@ export const classes = {
     timeColumnLabel: 'plasma-time-picker-column-label',
     timeItemActive: 'plasma-time-picker-item-active',
     timePickerFullWidth: 'plasma-time-picker-full-width',
+    timePickerFixed: 'plasma-time-picker-fixed',
     timePickerActive: 'plasma-time-picker-active',
     timeColumnActive: 'plasma-time-picker-column-active',
     timeColumn: 'plasma-time-picker-column',

cypress/snapshots/web/TimePicker/plasma-web TimePicker -- [PLASMA-T2304] TimePicker dropdownAlign=right, columnsQuantity=2, dropdownWidth=fixed.snap.png

@@ -289,7 +289,8 @@ export const timePickerRoot = (
                             view={view}
                             size={size}
                             className={cls(classes.timePickerRoot, className, {
-                                [classes.timePickerstretched]: stretched,
+                                [classes.timePickerFullWidth]: dropdownWidth === 'fullWidth',
+                                [classes.timePickerFixed]: dropdownWidth !== 'fullWidth',
                             })}
                             disabled={disabled}
                             readonly={readonly}
@@ -304,6 +305,7 @@ export const timePickerRoot = (
                                 view={view}
                                 size={size}
                                 disabled={disabled}
+                                width={getDropdownWidth()}
                             />
                         </Root>
                     </StyledPopover>