How do I do the text boxes smaller
The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.
To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.
See Styling Contact Form for a general explanation of styling CF7 forms using CSS.
There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.
If you find you need more detailed advice, after reading and working through the above links, please include a link to your Contact Form 7 form, so others here can examine your form in detail using Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements and provide you with a possible solution.
one of my fields are date, can I do something so a calendar shows when point the mouse there
The Contact Form 7 date field is based on the new HTML5 date input type (see http://contactform7.com/date-field/) which is currently only supported on some browsers – see http://www.wufoo.com/html5/types/4-date.html
https://wordpress.org/plugins/contact-form-7-datepicker/ – could be of help
