After SVN 17199, ColorPicker is mirrored even after setting layoutDirection and direction to ltr

Steps to reproduce:
1. Compile & run:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
layoutDirection="rtl" direction="rtl" >
<s:layout>
<s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
</s:layout>
<mx:ColorPicker id="myCP" x="100" y="100" />
<s:Button click="myCP.setStyle('layoutDirection', 'rtl');myCP.setStyle('direction', 'rtl');" label="Set rtl"/>
<s:Button click="myCP.setStyle('layoutDirection', 'ltr');myCP.setStyle('direction', 'ltr');" label="Set ltr"/>
</s:Application>

2. Open the ColorPicker
3. Click the 'Set ltr' button
4. Open the ColorPicker

Actual Results:
The entire ColorPicker is mirrored

Expected Results:
ColorPicker should not be mirrored. This broke after 17199. You have to open the ColorPicker first before setting layoutDirection & direction to ltr to see the issue. If you don't open the ColorPicker, then the issue does not appear.

Workaround (if any):