customized search bar using Titanium

app.js

var win = Ti.UI.createWindow({
  
    top : 20,
    backgroundColor:"white",
});
var searchHolder = Ti.UI.createView({
	   height   : 55,
	   width    : '100%',
	   top      : 45,
	   backgroundColor:"pink",
	   layout   : 'horizontal'
	});

	//search bar
	var serLocation = Ti.UI.createSearchBar({
	   height:55,
	   top:0,
	   showCancel:false,
	   width:'85%',
	  
	});

	//Calendar button
	var calButton = Ti.UI.createButton({
	   height   : 45,
	   width    : 45,
	   backgroundImage:"button_cancel.png"
	});

	searchHolder.add(serLocation);
	searchHolder.add(calButton );
	
win.add(searchHolder);
win.open();