My custom PickerView is borked :/

When I create a custom picker view only the background and overlay are in the correct positions; the columns, separators, and mask are all below and to the right of where they should be (see Picker_bug.png).
 
I used the data from the date example in the docs, with a few minor changes to the columns (I don’t have the parser complete for the data I’ll eventually be using in it);
 
I have also been getting an error: frameIndex supplied is out of range (21), it will clamped to the maximum (3). I noticed that in the widget code it is spelled ‘seperator’, yet the docs say ‘separator’, Changing my code to ‘seperator’ fixed the error, but the issue described above is still happening.
 
Here is the code:
 
[lua]

– Create wheel

   – Create two tables to hold our days & years      
   local days = {}
   local years = {}
 
– Populate the days table
   for i = 1, 31 do
       days[i] = i
   end
 
– Populate the years table
   for i = 1, 44 do
       years[i] = 1969 + i
   end
 
   local columnData = { 
      {align = “center”,
       labels = { “January”, “February”, “March”, “April”, “May”, “June”, “July”, “August”, “September”, “October”, “November”, “December” },},
      {align = “center”,
       labels = days},
      {align = “center”,
       labels = years},
      }
   local picker = widget.newPickerWheel(  {left = 0, top = screenHeight*0.5,
                                           sheet = imageData.getImageSheet_Picker(),
                                           backgroundFrame = 1,
                                           backgroundWidth = 640, backgroundHeight = 320,
                                           overlayFrame = 2,
                                           overlayFrameWidth = 640, overlayFrameHeight = 320,
                                           seperatorFrame = 3,
                                           seperatorWidth = 10, seperatorHeight = 320,
                                           maskFile = imageData.getMask_640x320(),
                                           columns = columnData}
                                       )


– ImageSheet data

images.getImageSheet_Picker = function()
      local options = {
      frames = {
         – Frame 1, picker background
         {x = 0, y=0,–16,
          width=640, height=320},
         – Frame 2, picker overlay
         {x = 0, y = 324,
          width=640, height=320},
         – Frame 3, picker divider
         {x = 644, y=0,
          width=10, height=320},
      },
      sheetContentWidth = 658,
      sheetContentHeight = 644
   }
  local sheet = graphics.newImageSheet( graphicsPath…“picker_Spritesheet.png”, options)
  return sheet
end
[/lua]
 
Any help would be greatly appreciated!