Finally found the fix after tweaking the code.
Here is my solution below
<preset id="user-dashboard">
<components>
<!– title –>
<component>
<scope>page</scope>
<region-id>title</region-id>
<source-id>user/${userid}/dashboard</source-id>
<url>/components/title/user-dashboard-title</url>
</component>
<!– dashboard components –>
<component>
<scope>page</scope>
<region-id>component-2-1</region-id> this means the 2nd column 1st position the original position for this is 1-1, means left top, now the calendar is shown at the middle top
<source-id>user/${userid}/dashboard</source-id>
<url>/components/dashlets/user-calendar</url> this is a calendar dashlet. basically you need this to figure out the component you are changing and the region-id to change the position. you can create a new user and directly see that the dashlets has been changed by me. The default presets.xml is now in the same folder with the .backup ending.
Cheers